Adaptive skill practice — find your level, get sharper.

CSS practice

The cascade, layout, and the modern layer — mastered

CSS the way senior frontend interviews probe it — the cascade, specificity math, and inheritance; the box model and box-sizing; flexbox and grid sizing algorithms (including the min-content floors everyone hits); positioning, stacking contexts, and containing blocks; margin collapse and formatting contexts; and the modern layer (:has(), :is()/:where(), container queries, @layer, cascade layers with !important inversion, @property, anchor positioning). Grounded in MDN and the CSS specs, from beginner fundamentals to genuinely expert layout puzzles, with explanations that teach why. Part of the Developer track.

• Meets you at your level — never too easy, never too hard.

• Adapts every question to how you’re doing.

• Tracks your level over time. Skill practice, not a test.

New here? Read the CSS guide

A free 17-minute primer — the mental model, the mistakes beginners make, and what to practise first.

Curriculum

258 concepts across 25 chapters, from foundations through advanced practice — each one a concept the adaptive question bank can teach and test.

A. How CSS works — syntax, parsing and at-rules

B. Cascade, specificity and inheritance

C. Selectors and combinators

D. The box model

E. Values and units

F. Display and normal flow

G. Flexbox

H. Grid

I. Positioning and stacking

J. Backgrounds, borders and shadows

K. Typography and text

L. Color

M. Transforms

N. Transitions and animations

O. Responsive design and container queries

P. Overflow and scrolling

Q. Sizing and intrinsic sizes

R. Modern layer — custom properties, cascade layers, feature queries, nesting

S. Visual effects

T. Lists, tables, counters and generated content

U. Anchor positioning

V. Scroll-driven animations

W. Scoped styles — @scope

X. Multi-column layout

Y. Environment variables and env()

View the full curriculum →

Keentune is not affiliated with or endorsed by the organizations whose documentation informs these maps.

Explore all skills on Keentune

More skills to practice

TypeScript

JavaScript

Data Structures & Algorithms

Also on your phone

App Store Google Play

All exam, test, and product names and trademarks are the property of their respective owners and are used here for identification and reference only. Keentune is independent study practice — not affiliated with, authorized, or endorsed by any of these organizations.