iwantcoding
.com
Tutorials
▾
Web Frontend
HTML
CSS
HTML5
CSS3
JavaScript
TypeScript
Sass
React
Vue
Svelte
Tailwind
Backend
Python
PHP
Node.js
Java
Go
Rust
Ruby
C#
Databases
SQL
MySQL
PostgreSQL
MongoDB
Firebase
GraphQL
Redis
Mobile
React Native
Flutter
Swift
Kotlin
Ionic
Cloud & DevOps
AWS
Docker
Kubernetes
CI/CD
Linux/Bash
AI & Data
NumPy/Pandas
Machine Learning
TensorFlow
PyTorch
LangChain
RAG
Cybersecurity
XSS
SQL Injection
CSRF
OWASP Top 10
Cryptography
Ethical Hacking
Tools
Git
DSA
Design Patterns
RegEx
VS Code
Specialty
Game Dev
WordPress
Web3/Solidity
Three.js
Capstone
Enterprise Architecture
HTML
CSS
JAVASCRIPT
SQL
PYTHON
PHP
TYPESCRIPT
REACT
NODEJS
MONGODB
DOCKER
GIT
TAILWIND
GRAPHQL
LINUX-BASH
AWS
KUBERNETES
VUE
SVELTE
SASS
THREEJS
GO
RUST
JAVA
RUBY
CSHARP
WORDPRESS
POSTGRESQL
MYSQL
REDIS
FIREBASE
REACT-NATIVE
FLUTTER
SWIFT
KOTLIN
IONIC
CICD
NUMPY-PANDAS
ML
TENSORFLOW
PYTORCH
LANGCHAIN
XSS
SQLI
CSRF
OWASP
CRYPTO
DSA
DESIGN-PATTERNS
REGEX
VSCODE
GAMEDEV
WEB3
ENTERPRISE
CAPSTONE
ETHICAL-HACKING
🔥 Daily
👥 Rooms
🏆 Top
Log in
Sign up
AI ✨
CSS Tutorial
BOSS QUIZ
10 questions · 5 minutes · pass at 70% to clear the track.
05:00
Start
Q1.
Which unit is root-relative?
from CSS Units
em
rem
ex
ch
Q2.
Which value of `display` turns an element into a flex container?
from Flexbox Intro
block
flex
grid
inline
Q3.
Which function constrains a value between a floor and ceiling?
from CSS Math Functions
between()
limit()
clamp()
range()
Q4.
The dropdown menu is positioned `absolute` — what makes it anchor to the toggle?
from CSS Dropdowns
Setting `position: relative` on the parent.
Using `top: 100%` on the body.
Adding `z-index` to the children.
Nothing — it just works.
Q5.
About how many named CSS colour keywords are there?
from CSS Color Keywords
~20
~60
~140
~500
Q6.
Which property gives space between tracks?
from Grid Container
margin
spacing
gap
padding
Q7.
Which clamp() example produces fluid type?
from CSS Snippets
clamp(28px, 4vw, 56px)
between(28px, 56px)
limit(28, 56)
range(28, 56)
Q8.
In a font stack, what is the role of `sans-serif` at the very end?
from CSS Fonts
Browsers ignore it.
It's the fallback if every named font is missing.
It declares the encoding.
It loads a remote font.
Q9.
Which function moves an element along the X axis?
from CSS 2D Transforms
move()
translateX()
shift()
positionX()
Q10.
A typical reference entry includes…
from CSS Reference
Only the syntax
Syntax, initial value, inherited, animatable
Just an emoji
Audio only
Submit
Back to CSS Tutorial
🏆
Achievement unlocked!