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.
What does "mobile-first" mean?
from RWD Intro
Use phones to design
Defaults target small screens; queries enhance for bigger
Use only `max-width` queries
Ship a separate mobile site
Q2.
Which unit is relative to the root element's font size?
from CSS Units
em
rem
px
vh
Q3.
Repeating gradients are great for…
from CSS Gradients
Photos
Patterns and stripes
Cards
Borders only
Q4.
Why do inline-block elements sometimes have unexpected gaps between them?
from CSS Inline-block
A margin bug in Safari.
They render the whitespace between tags in the HTML.
A default border.
They are vertically aligned to the bottom.
Q5.
Which selector styles a link only while the mouse is over it?
from CSS Pseudo-class
a:active
a:visited
a:hover
a:focus
Q6.
Which selector matches "any direct child"?
from CSS Selectors
A B
A > B
A + B
A ~ B
Q7.
Which value of `animation-direction` bounces back and forth?
from CSS Animations
reverse
alternate
bounce
ping-pong
Q8.
Which positioning value anchors the element to the viewport, staying put on scroll?
from CSS Position
absolute
relative
fixed
sticky
Q9.
Which property is *not* easily animatable without tricks?
from CSS Animatable
opacity
transform
display
background-color
Q10.
Which function moves an element along the X axis?
from CSS 2D Transforms
move()
translateX()
shift()
positionX()
Submit
Back to CSS Tutorial
🏆
Achievement unlocked!