Eksplicitne mreže
Sistem mrež pomeni uporabo eksplicitnih in implicitnih mrež. Razložimo ta pojma podrobneje.
Eksplicitna mreža predstavlja nabor elementov, razporejenih po stolpcih in vrsticah. Pogosto je eksplicitna mreža ustvarjena ročno in vse mreže, ki smo jih ustvarili z vami v prejšnjih lekcijah, so eksplicitne (na primer, lekcija Ploščice v mreži).
Ustvarimo tabelo, ki bo naša eksplicitna mreža:
<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;
}
:
