Generator CSS Grid
Darmowy generator CSS Grid online. Wizualny edytor wierszy, kolumn, odstępów z automatycznym generowaniem kodu. Przetwarzane w przeglądarce.
Generator CSS Grid to darmowe narzędzie online, które wizualnie projektuje układy siatki. Ustaw wiersze, kolumny, odstępy i rozmieszczenie komórek przeciągając, z automatycznie generowanym kodem CSS Grid. Zawiera podgląd w czasie rzeczywistym. Przetwarzanie w przeglądarce, bez przesyłania na serwer — całkowicie za darmo, do projektowania układów stron internetowych.
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;
}
Kod 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 Pliki nie są wysyłane na żaden serwer