Atelier visuel CSS Flexbox et Grid
Essayez les propriétés de Flexbox et de CSS Grid en direct et copiez le code de mise en page
Générateur visuel de mise en page avec simulation des tailles d’écran et réglage individuel des éléments.
Propriétés du conteneur Flex
6
Ajoutez ou retirez des éléments sans dépasser le canevas.
À propos de cet outil
Atelier visuel CSS Flexbox et Grid
Essayez les propriétés de Flexbox et de CSS Grid en direct et copiez le code de mise en page.
Comment utiliser cet outil
Saisissez les valeurs ou le texte demandés, ajustez les options puis vérifiez le résultat avant de le copier ou de le télécharger. Pour une décision importante, contrôlez les unités et les hypothèses du calcul.