CSS Grid-e giriş
CSS gridler elementleri bir wagtyň özünde horizontally we vertically ýerleşdirmegiň bir usulydyr. Bu fleksler bilen deňeşdirende has ösen usul, ýöne öwrenmek üçin has kyn.
Grid döretmek üçin elementde display
hasiyetini grid bahasynda belläp bermeli:
<div id="parent">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
#parent {
display: grid;
}
Şondan soň element iki ölçegli tora öwrüler, onda elementler vertikal (sütünler) we horizontal (hatarlar) boýunça ýerleşýär. Sütün we hataryň kesişme meýdany ýaçka diýilýär.
Ýörite hasiyetleriň kömegi bilen elementleri hem hatarlar, hem sütünler boýunça ýerleşdirip bolýar. Bu, mysal üçin, şuňa meňzeş zatlary aňsatlyk bilen döretmäge mümkinçilik berer:
Indiki sapaklarda biz ilki bilen elementleriň sütünler boýunça ýerleşdirilişini öwreris, soňra hatarlary öwrenmäge geçeris, we soňra bolsa hemmesini bilelikde jemleris.
