Convertisseur de couleurs
Convertissez HEX, RGB et HSL avec transparence, visualisez la couleur et copiez les valeurs CSS.
Générateur CSS Grid
Créez une grille fixe ou adaptative en ajustant colonnes, espacements et alignement dans un aperçu réel.
À propos de cet outil
Essayez une grille de cartes à plusieurs largeurs avant de l’intégrer à votre page.
Mode d’emploi
Choisissez un nombre fixe de colonnes ou une largeur minimale avec ajustement automatique. Modifiez lignes, espacements et éléments ; réduisez la largeur d’aperçu pour tester. Copiez ou téléchargez CSS et HTML séparément.
La largeur ne concerne que l’aperçu. Grilles fixes : 1 à 12 lignes et colonnes, espacements de 0 à 80 px, 48 éléments maximum. Complétez le code avec votre contenu et vos styles.
Questions fréquentes
Comment adapter le nombre de colonnes à la largeur ?
Choisissez l’ajustement automatique et une largeur minimale. Le CSS utilise auto-fit et minmax. La largeur de prévisualisation elle-même n’est pas exportée.
Pourquoi la grille affiche-t-elle plus de lignes que prévu ?
Le réglage définit les pistes explicites, pas un nombre maximal d’éléments. Une grille fixe de 3 colonnes et 2 lignes possède 6 cellules initiales ; un septième élément crée une ligne implicite. Réduisez le nombre d’éléments si vous souhaitez limiter l’aperçu à ces six cellules.
Outils associés
S’ouvre dans un nouvel onglet
Commentaires
0