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 →