CSS Gridlarda Piksel va fr birliklari
Ustunlar kengligini bir vaqtning o'zida
piksellar va
fr da belgilash mumkin:
<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-columns: 100px 1fr 50px;
border: 2px solid #696989;
padding: 10px;
width: 600px;
}
#parent > div {
padding: 10px;
border: 1px solid #696989;
}
:
Faraz qiling, sizning gridingizda uchta ustun bor.
Birinchi ustun 100px egallashi,
qolgan ikkita ustun esa teng kenglikda
bo'lishi uchun sozlang.
Faraz qiling, sizning gridingizda to'rtta ustun bor.
Birinchi va oxirgi ustunlar 100px
egallashi, qolgan ustunlar esa qolgan joyni
shunday taqsimlaski, uchinchi ustun ikkinchisidan
1.5 marta katta bo'lsin.
