Progetto finale: Step 2.

Riprendi la pagina HTML del Progetto 1 (la scheda prodotto) e miglioriamola grazie a quello che hai imparato in questo blocco.

Consegna

Collega un foglio di stile esterno (niente CSS inline o <style> nell’head)
Usa Flexbox per almeno due layout della pagina: ad esempio l’header (titolo a sinistra, un eventuale menu o link a destra) e la disposizione di lista + tabella
Rendi la pagina responsive: almeno un blocco che passa da riga a colonna sotto i 600px (media query), come fatto per il menu nei capitoli 6-7
Aggiungi un toggle tema chiaro/scuro CSS-only (checkbox nascosta + :checked + variabili CSS)
Usa variabili CSS in :root per almeno colore principale, colore di sfondo e colore del testo, ridefinite nel tema scuro

Zero JavaScript in questo progetto (il toggle deve funzionare solo con CSS)
box-sizing: border-box impostato globalmente
Il codice HTML del Progetto 1 non dovrebbe essere modificato se non per aggiungere la checkbox del tema e le classi necessarie allo stile.