Introductory course ยท beginner

CSS

Shape readable, responsive interfaces.

Use CSS to make content easier to read and navigate across screen sizes. This introductory scope teaches core styling and layout, not production design mastery.

Course outcomes

  • Connect a stylesheet and use selectors and declarations to create a consistent visual treatment.
  • Choose spacing, typography and colour values that support a clear content hierarchy.
  • Use box sizing, spacing tokens and reusable class rules to make component dimensions predictable.
  • Choose Flexbox for one-dimensional alignment and Grid for a two-dimensional set of content cards.
  • Use flexible measurements and a content-driven media query to keep a page usable on narrow screens.
  • Refine focus, contrast and layout by testing the interface with real content and keyboard navigation.

Published lessons

  1. Connect a stylesheet and target elements
  2. Use spacing, type and colour with purpose
  3. Box model and reusable patterns
  4. Layout with flex and grid
  5. Responsive design for small screens
  6. Polish and test an interface