CSS3 — mise en page avec Flexbox et Grid
Passez des styles de texte à la vraie mise en page : aligner, répartir et structurer des zones entières avec Flexbox, Grid et le responsive.
16 leçons · 4 h 49 · Niveau intermediaire · 100 % gratuit
Ce que vous saurez faire
- Construire une barre de navigation et une grille de cartes sans flottants
- Choisir entre Flexbox et Grid selon la structure à produire
- Gérer les points de rupture responsive sans dupliquer les règles
- Diagnostiquer un débordement ou un alignement à l'aide des outils du navigateur
Prérequis
- Savoir écrire des sélecteurs CSS et connaître le modèle de boîte
- Avoir déjà mis en forme une page complète
la page de présentation d'un atelier de jardinage : en-tête, horaires, conseils pratiques et bloc de contact
Programme
1 Préparer la mise en page et construire une navigation avec Flexbox 4 leçons
2 Structurer les horaires et les conseils avec Grid 4 leçons
3 Adapter la page aux écrans et diagnostiquer les problèmes 4 leçons
4 Projet pratique : finaliser la page de l’atelier de jardinage 4 leçons
Validation du cours
Un quiz de 12 questions vérifie que le parcours est acquis. Il faut 80 % de bonnes réponses pour valider le cours. Les tentatives sont illimitées, seul le meilleur score est conservé.
Envie d'aller plus loin ?
Les cours Enovatic sont gratuits et le resteront. Si vous cherchez un accompagnement encadré, nos formations professionnelles sont animées par les mêmes formateurs.