Readable responsive community page

Style the course HTML starter as a readable page that works on a phone and a wide screen. Use a small spacing scale, consistent type and an obvious keyboard focus style.

Requirements

  • Use border-box sizing and a simple spacing scale.
  • Keep text readable at narrow widths.
  • Show clear focus for interactive controls.

Expected behaviours

  • The example runs in the platform runtime without an external package.
  • The output communicates the stated purpose using fictional sample data.
  • The learner can describe one limitation and one next improvement.
Course projects