CSS Quizzes (MCQs)

Level 1 The Basics Syntax & The Box Model
Selectors & Specificity Classes vs IDs, Cascade, Inheritance
01_SYNTAX 
Units & Typography rem, em, px, %, Colors, Web Fonts
02_UNITS 
The Box Model Margin, Padding, border-box vs content-box
03_BOX 
Display & Flow Block, Inline, Inline-block, None
04_FLOW 
Level 2 Intermediate Modern Layouts & RWD
Flexbox Main vs Cross Axis, justify, align, wrap
05_FLEX 
CSS Grid Templates, Areas, Gaps, Implicit Grids
06_GRID 
Positioning Relative, Absolute, Fixed, Sticky, Floats
07_POS 
Responsive Design Media Queries, Viewport units, clamp()
08_RWD 
Level 3 Advanced Motion & Logic
Visual Effects Transitions, @keyframes, Transforms
09_MOTION 
Pseudo-Logic :hover, :nth-child, ::before, ::after
10_PSEUDO 
Custom Properties CSS Variables, calc(), min(), max()
11_VAR 
Stacking Contexts Z-Index, Isolation, Blending Modes
12_ZINDEX 
Level 4 The New Standard Future-Proof CSS
Container Queries Parent-based styling, @container
13_CONT 
Advanced Selectors The :has() parent selector, :is(), :where()
14_NEXTGEN 
Architecture Native Nesting, @layer, Logical Properties
15_ARCH 