Deep-dive lab 12 — Modern CSS & layout

This lesson is part of the year-long Code Academy Alfred path. Goal: understand Cascade & specificity, Flexbox & Grid, Responsive in real web / mobile-web design conditions.

Guided year-path lab: apply this month’s concepts on a concrete web / mobile-web case.

Quality constraints: readable contrast, semantic HTML, mobile-first responsive, no chaotic inline styles.

Deliverable: a page or component for your portfolio, with a short README (FR or EN).

Practice immediately: rebuild the example, then change it. Memory comes from active repetition, not passive reading.

If you get stuck, use Cursor with a precise prompt (context + goal + constraints), then explain the generated diff yourself.