Aniq Gridlar
Grid tizimi aniq va noaniq toʻrlaridan foydalanishni nazarda tutadi. Keling, bu tushunchalarni batafsilroq ko'rib chiqaylik.
Aniq grid ustunlar va qatorlar boʻyicha joylashtirilgan elementlar toʻplamidan iborat. Ko'pincha aniq toʻr qoʻlda yaratiladi va oldingi darslarda biz bilan yaratgan barcha gridlar aniq (masalan, Gridda plitka darsi).
Keling, bizning aniq gridimiz bo'ladigan jadval yarataylik:
<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;
}
:
