Murdühikud fr CSS grid'ides
Väärtused, mis on määratud ühikutes fr,
võivad olla murdarvulised. Muudame eelmist
näidet, määrates teise ja kolmanda veeru
laiuseks murdarvud:
<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: 1fr 0.5fr 2.5fr;
border: 2px solid #696989;
padding: 10px;
width: 600px;
}
#parent > div {
padding: 10px;
border: 1px solid #696989;
}
:
Olgu teie grid'il kolm veergu.
Seadke see nii, et kolmas veerg
oleks 1.5 korda suurem kui esimene
ja teine.
Olgu teie grid'il kolm veergu.
Seadke see nii, et teine veerg
oleks 1.5 korda suurem kui esimene,
ja kolmas veerg 2.5
korda suurem kui esimene.
