Generator CSS Grid
Alat online gratis generator CSS Grid. Editor visual untuk baris, kolom, gap dengan kode otomatis. Salin kode. Diproses di browser.
Generator CSS Grid adalah alat online gratis yang mendesain tata letak grid secara visual. Atur baris, kolom, jarak, dan penempatan sel dengan menyeret, disertai kode CSS Grid yang dihasilkan otomatis. Termasuk pratinjau waktu nyata. Pemrosesan berbasis browser tanpa unggah ke server — sepenuhnya gratis untuk desain tata letak 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;
}
Kode 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 File tidak dikirim ke server mana pun