CSS

Styling, layout and the cascade.

💡
This course has 6 lessons. Start with the first one and use the next / previous links at the bottom of each lesson — the sidebar keeps the whole course in order.

Lessons

  1. CSS: getting startedHow a stylesheet attaches to HTML, how rules are read, and the cascade that decides which declaration wins.
  2. Selectors and specificityThe selector vocabulary — combinators, attributes, pseudo-classes — plus a reliable way to reason about specificity.
  3. The box modelContent, padding, border and margin — plus collapsing margins and how sizing math really works.
  4. FlexboxOne-dimensional layout done properly: main vs cross axis, alignment, growth factors, and the properties that trip people up.
  5. CSS GridTwo-dimensional layout: tracks, the fr unit, placement by line or area, and responsive grids without media queries.
  6. Responsive designMedia queries, fluid units, and modern container queries — building layouts that adapt instead of breaking.

More in Front-end Development

HTML JavaScript

Last refreshed 2026-09-17.