Flexbox Avancé : flex-grow, flex-shrink et flex-basis
Flexbox Avancé : flex-grow, flex-shrink et flex-basis
Flexbox CSS en 2026 – Nouveautés, bonnes pratiques et usages modernes.
Flexbox est aujourd’hui l’un des piliers du layout CSS moderne.
Cette formation a été conçue comme une mise à jour professionnelle complète sur Flexbox, en se concentrant exclusivement sur ce qui a réellement évolué ces dernières années et sur les bonnes pratiques à adopter en 2026.
Ici, pas de rappel inutile des bases.
L’objectif est clair : écrire un CSS plus propre, plus lisible, plus fiable et plus accessible, en utilisant Flexbox pour ce pour quoi il est réellement pertinent aujourd’hui.
Ce que vous allez apprendre
- Comprendre l’état actuel de Flexbox et sa standardisation moderne
- Utiliser gap efficacement pour gérer les espacements
- Maîtriser le sizing Flexbox (flex-basis, min-width, comportements implicites)
- Gérer correctement les alignements avancés
- Construire des layouts responsives modernes sans surutiliser les media queries
- Éviter les pièges liés à order et préserver l’accessibilité (RGAA)
À qui s’adresse cette formation ?
- Développeurs front-end ou fullstack
- Intégrateurs HTML/CSS
- Toute personne ayant déjà utilisé Flexbox et souhaitant se mettre à jour, améliorer la qualité de son CSS et renforcer l’accessibilité de ses interfaces
Cette formation n’est pas une initiation à Flexbox, mais une montée en compétences ciblée.
Si vous voulez apprendre les flexbox, alors rendez-vous sur ce Bundle.
Prérequis :
Pour aller plus loin, vous pouvez me rejoindre pour une formation complète et certifiante FrontEnd (financement CPF possible !).
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Flexbox en 2026 : état des lieux
Flexbox en 2026 : état des lieux
Leçon 2
Le gap en flexbox
Le gap en flexbox
Leçon 3
Le cas du texte long
Le cas du texte long
Leçon 4
Donner la même largeur aux contenus
Donner la même largeur aux contenus
Leçon 5
Alignements des items
Alignements des items
Leçon 6
La propriété flex
La propriété flex
Leçon 7
Ajout des fonctions de comparaison CSS
Ajout des fonctions de comparaison CSS
Table des matières
Leçon 1Flexbox en 2026 : état des lieux
03m36
Leçon 2Le gap en flexbox
11m18
Leçon 3Le cas du texte long
04m48
Leçon 4Donner la même largeur aux contenus
04m10
Leçon 5Alignements des items
09m09
Leçon 6La propriété flex
07m19
Leçon 7Ajout des fonctions de comparaison CSS
07m40
Leçon 8Order face au RGAA
04m59
Leçon 9Checklist Flexbox moderne
05m13
Avis des apprenants