Mise en page : Grid et responsive design (media queries, mobile d'abord)

Objectif

Construire la mise en page complète du Riad Yasmine avec CSS Grid (en-tête, contenu, colonne d'informations, pied de page, galerie de photos), puis la rendre responsive : parfaite sur un téléphone d'entrée de gamme comme sur un grand écran. Au Maroc, la grande majorité des visiteurs d'un site touristique ou commerçant arrive depuis un mobile : c'est par lui qu'on commence.