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

55 min Node.js 22 (Debian, git, npm, python3)

This lesson has not been translated yet: it is shown in French.

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.

This lesson is part of the full course

Unlock Web Development: HTML, CSS and JavaScript to read every lesson, do the exercises, access the simulations and earn your certificate.

Buy — 290 MAD All-access pass — 1,490 MAD

Already enrolled? Log in.