Chapter

Responsive page project

<p>Use responsive rules and inclusive details to finish a small profile card.</p>

Lessons

  1. Responsive design and accessibility checks

    Test a page at narrow widths, preserve keyboard focus, and respect reduced-motion preferences.

  2. Project: a responsive profile card

    Combine semantic markup and responsive CSS into a small, accessible profile card.