Exercice : Page Responsive sur le thème Bruxelles

Tu dois créer une page web responsive sur le thème Bruxelles.

Contraintes techniques

• La mise en page générale (RWD) doit être réalisée en CSS Grid.
• Les cartes doivent être construites en Flexbox.
• La page doit s’adapter à trois tailles d’écran :
  • Mobile : moins de 600px → 1 colonne
  • Tablette : 600–900px → 2 colonnes
  • Desktop : plus de 900px → 3 colonnes

Contenu obligatoire

La page doit contenir :

• Un header avec le titre : Découvrir Bruxelles
• Une grille responsive contenant 3 cartes :

Carte 1 : La Grand-Place

Description courte + bouton “En savoir plus”.

Carte 2 : L’Atomium

Description courte + bouton “Découvrir”.

Carte 3 : Le Manneken Pis

Description courte + bouton “Voir l’histoire”.

Styles minimum

• Couleurs inspirées de Bruxelles
• Coins arrondis
• Ombre légère
• Boutons avec hover