Explicit Gridok
A grid rendszer explicit és implicit gridek használatát jelenti. Nézzük meg ezeket a fogalmakat részletesebben.
Explicit grid olyan elemek gyűjteményét jelenti, amelyek oszlopokba és sorokba vannak elrendezve. Az explicit gridet gyakran manuálisan hozzuk létre, és az összes grid, amit az előző leckékben készítettünk, explicit volt (például a csempe elrendezés gridben lecke).
Most készítsünk egy táblázatot, ami lesz az explicit gridünk:
<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;
}
:
