Generatore CSS Grid
Strumento online gratuito per generare CSS Grid. Editor visuale per righe, colonne, gap con generazione automatica del codice. Elaborato nel browser.
Il Generatore di CSS Grid è uno strumento online gratuito che progetta visivamente i layout a griglia. Imposta righe, colonne, spaziature e posizionamento delle celle trascinando, con codice CSS Grid generato automaticamente. Anteprima in tempo reale inclusa. Elaborazione nel browser senza caricamento sul server, completamente gratuito per la progettazione di layout web.
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;
}
Codice 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 I file non vengono inviati ad alcun server