Générateur CSS Grid
Générateur CSS Grid gratuit en ligne. Définissez lignes, colonnes et gaps avec un éditeur visuel. Code généré automatiquement. Dans le navigateur.
Le générateur CSS Grid est un outil en ligne gratuit qui conçoit visuellement des dispositions en grille. Définissez lignes, colonnes, gaps et placement des cellules par glisser-déposer avec code CSS Grid autogénéré. Aperçu en temps réel. Traitement dans le navigateur, gratuit.
1
2
3
4
5
6
7
8
9
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 10px;
justify-items: stretch;
align-items: stretch;
}
Code HTML
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
lock Les fichiers ne sont jamais envoyés à un serveur