Générateur de mise en page CSS Grid
Design & GraphismeStructurez visuellement des grilles CSS Grid responsives avec colonnes, rangées et gouttières personnalisées.
Paramètres de disposition en grille (Grid)
Colonnes3
Lignes3
Espacement des colonnes16px
Espacement des lignes16px
Item 1r1 : c1
Item 2r1 : c2
Item 3r1 : c3
Item 4r2 : c1
Item 5r2 : c2
Item 6r2 : c3
Item 7r3 : c1
Item 8r3 : c2
Item 9r3 : c3
CSS et Tailwind générés
display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); column-gap: 16px; row-gap: 16px;
☕Soutien de Projet Indépendant
Vous aimez ToolsApp ? Offrez-nous un café
ToolsApp s'exécute à 100% dans votre navigateur sans abonnements ni suivi de données. Nous pensons que les utilitaires essentiels doivent rester gratuits et accessibles à tous. Votre soutien nous aide à développer de nouveaux outils !
100% Côté Client•Gratuit pour Tous
Comment Utiliser ?
1
Configurer les pistes
Sélectionnez le nombre de colonnes et de lignes.
2
Définir l'écart
Ajustez l’espacement des lignes et des colonnes.
3
Copier le code
Saisissez la syntaxe CSS ou Tailwind prête.
Confidentialité TotaleTous les calculs et traitements de fichiers s'exécutent à 100 % localement dans votre navigateur via JavaScript côté client.
Avis d'utilisateurs & Commentaires
Partagez votre expérience anonymement. Modéré automatiquement par l'IA.
5.0
•0 avisAvis Approuvés (0)
Chargement des avis...