Açık gridler
Grid ulgamy, açyk we gizlin torlary ulanmagy öz içine alýar. Bu düşünjeleri has giňişleýin düşünip göreliň.
Açyk grid, sütünler we hatarlar boyunça ýerleşdirilen elementler toplumy bolup durýar. Köplenç açyk tor el bilen döredilýär we bizleriň öňki sapaklarda döreden ähli gridlerimiz açykdyr (mysal üçin, griddäki plitka sapagy).
Geliň, biziň açyk gridimiz boljak tablisany döredeliň:
<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;
}
:
