08 Practice

Return to the lesson. Work in a copy of your project; attempt these before opening solutions.

1. Breakpoint evidence. Test at 320, 768, and 1280 CSS pixels if your browser tools permit. Record card columns, header behavior, and whether the page has horizontal overflow. Also test a width between presets.
2. Keyboard journey. Without the mouse, use the skip link, open the break-area disclosure, fill the practice form with invented values, and reach the result page. Record any lost or clipped focus indicator.
3. Zoom stress. At 200% zoom, read every section and activate each control. Add one long event title in a practice copy and repeat. Repair clipping by removing rigid sizes or correcting layout rather than hiding content.

These are learner tests, not claims that every browser or assistive technology has been checked.

Open explained solutions after attempting the tasks