BeginnerSoftware Fundamentals

CSS & Layout

Lay out a real page with flex and grid, make it responsive, and read any Tailwind class string as the CSS it compiles to.

◷ ~8h to complete▤ 35 steps✎ every step is graded, not read✦ 1680 XP◆ 5 badges

◧Exercise 1A rule is a selector plus declarationsStart ◧Exercise 2Selectors: pointing at the right elements50 XP ⇢Exercise 3Specificity: why your rule doesn't apply30 XP ⌖Exercise 4Source order, `!important`, and silent failures30 XP ◧Exercise 5What inherits and what doesn't50 XP ◧Exercise 6The reset every stylesheet starts with50 XP ⚔Exercise 7Chapter test: the cascade80 XP