Eksplicītie gridi
Gridu sistēma paredz eksplicītu un implikātu režģu izmantošanu. Ļaujiet mums sīkāk izpētīt šos jēdzienus.
Eksplicīts grid ir elementu kopums, kas novietoti pilnībā kolonnās un rindās. Bieži vien eksplicītais režģis tiek izveidots manuāli, un visi gridi, kurus mēs esam veidojuši kopā iepriekšējās nodarbībās, ir eksplicīti (piemēram, nodarbība flīzes gridā).
Izveidosim tabulu, kas būs mūsu eksplicītais grid:
<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;
}
:
