Açık Gridler
Grid sistemi, açık ve örtük gridlerin kullanımını içerir. Hadi bu kavramları daha detaylı inceleyelim.
Açık grid, sütunlar ve satırlar boyunca yerleştirilmiş öğelerden oluşan bir koleksiyondur. Genellikle açık grid manuel olarak oluşturulur ve önceki derslerde birlikte oluşturduğumuz tüm gridler açıktır (örneğin, gridde karolar dersi).
Hadi, bizim açık grid'imiz olacak bir tablo oluşturalım:
<div id="parent">
<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>
#parent {
display: grid;
grid-template: 1fr 1fr 1fr / 1fr 1fr 1fr;
border: 2px solid #696989;
padding: 10px;
width: 400px;
height: 400px;
}
#parent > div {
padding: 10px;
border: 1px solid #696989;
}
:
