Générateur CSS Grid et Flexbox
Concevez des dispositions adaptatives Grid et Flexbox avec aperçu et CSS prêt à copier.
Survolez un champ ou sélectionnez-le pour afficher l’aide. Appuyez sur Échap pour fermer.
Comment ça marche
Collez votre contenu ou chargez l’exemple. Choisissez les options disponibles, lancez l’outil, puis copiez ou téléchargez le résultat.
Un exemple pratique
Disposition
Layout
Questions fréquentes
Mon texte est-il envoyé à un serveur ?
Non. Le contenu est traité dans ce navigateur. Il n’est ni envoyé au serveur ni enregistré.
Que faut-il savoir sur Générateur CSS Grid et Flexbox ?
L’aperçu utilise des blocs numérotés. Le CSS généré contient les règles de disposition ; adaptez les sélecteurs et points de rupture à votre page.