Addon · Grilles
Trois paradigmes de grille.
Auto-fit pour les cartes. 12 colonnes classiques pour les layouts. Fractions pour le contrôle précis. Choisissez-en un. Ou mixez.
Auto-fit
Les éléments wrappent automatiquement selon une largeur min. auto-fit-356- = chaque élément au moins --356- de large.
1
2
3
4
5
6
<div class="grid auto-fit-356- gap-20">...</div>
12 colonnes classiques
Utilisez col-3, col-6, col-12. Somme à 12.
col-3
col-3
col-3
col-3
col-6
col-6
col-12
Notation fractionnaire
Définissez les colonnes comme fractions de l'espace disponible. Du CSS Grid pur grid-template-columns: 1fr 2fr 1fr en classes utilitaires.
1fr
1fr
1fr
2fr
1fr
2fr
1fr
Référence complète
Tous les utilitaires de grille — dans /llms.txt.
Seuils auto-fit, container queries, modificateurs de gap, notation span. La liste complète des utilitaires.
Ouvrir /llms.txt →