CSS Grid Oluşturucu
Ücretsiz çevrimiçi CSS Grid oluşturucu. Görsel düzenleyici ile satır, sütun, boşluk ayarlayın, otomatik kod oluşturma. Tarayıcıda işlenir.
CSS Grid Oluşturucu; ızgara düzenlerini görsel olarak tasarlayan ücretsiz bir çevrimiçi araçtır. Satırları, sütunları, boşlukları ve hücre yerleşimini sürükleyerek ayarlayın, otomatik oluşturulan CSS Grid kodunu alın. Gerçek zamanlı önizleme dahildir. Sunucuya yükleme olmadan tarayıcı tabanlı işleme — web düzeni tasarımı için tamamen ücretsiz.
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;
}
HTML Kodu
<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 Dosyalar hiçbir sunucuya gönderilmez