UTILS.
100 % dans le navigateur

Générateur de grille CSS

Générez une mise en page en grille CSS avec colonnes, lignes et espacement ajustables, avec aperçu en direct.

À propos de cet outil

Définissez le nombre de colonnes et de lignes ainsi que l'espacement pour construire une grille CSS et copier le code, le tout dans votre navigateur.

Foire aux questions

Comment les pistes sont-elles dimensionnées ?
Les colonnes et les lignes utilisent repeat() avec 1fr afin de se partager l'espace disponible de façon égale.
À quoi sert le réglage d'espacement ?
Il définit l'espacement de la grille en pixels entre chaque cellule, appliqué en direct à l'aperçu.

Plus d'outils