18 min
Locked - finish earlier lessons first
The Cascade and Why Styles Win or Lose
Understand how browsers choose between competing rules so CSS feels less mysterious.
Your track
CSS Builder Lab
Learn how spacing, layout systems, and component styling make a page feel deliberate instead of accidental.
0% complete across this track
Track access
This track requires the Academy Plus plan.
Cohort options
No active cohorts are open for this track yet.
This track enforces lesson order so students build confidence step by step.
18 min
Locked - finish earlier lessons first
Specificity Without Confusion
Learn a beginner-safe way to reason about selector strength without memorizing every edge case.
19 min
Locked - finish earlier lessons first
Better Spacing Systems
Use consistent spacing choices so pages stop feeling random and crowded.
21 min
Locked - finish earlier lessons first
Flexbox for Real Layouts
Use flexbox for rows, columns, alignment, and real section layouts that adapt more cleanly.
21 min
Locked - finish earlier lessons first
CSS Grid for Beginner Layouts
Meet grid as a practical way to place cards, sections, and columns without overcomplicating the page.
20 min
Locked - finish earlier lessons first
Styling Navigation and Hero Sections
Style the top of a page so navigation and hero content feel cleaner and more intentional.
20 min
Locked - finish earlier lessons first
Cards, Buttons, and Form Styling
Turn plain repeated content and form controls into cleaner reusable interface pieces.
21 min
Locked - finish earlier lessons first
Responsive Sections and Breakpoints
Adjust layouts at the right moments so the same page works better on smaller screens.
19 min
Locked - finish earlier lessons first
CSS Variables and Theme Basics
Use shared values for color and spacing so simple site themes stay consistent.
32 min
Locked - finish earlier lessons first
Style a Professional Multi-Section Page
Bring the track together by styling a polished page with reusable sections and responsive decisions.