Construisez une grille CSS avec des colonnes, des lignes, des espacements et un alignement personnalisés, avec du code en direct.
Prototypez des mises en page sans écrire à la main les valeurs grid-template. Définissez les pistes de colonnes et de lignes, l'espacement et l'alignement, puis copiez le CSS.
Il génère la grille de base. Ajoutez une media query ou utilisez auto-fit avec minmax pour la rendre responsive.
Non. Cet outil fonctionne entièrement dans votre navigateur avec JavaScript et WebAssembly lorsque nécessaire. Vos fichiers et votre texte ne quittent jamais votre appareil.
Nous améliorons régulièrement nos outils. Vous avez trouvé un problème ou une suggestion ? Nous vous écoutons.