CSS Grid-də kəsr vahidləri fr
fr vahidlərində göstərilən dəyərlər
kəsr şəklində ola bilər. Gəlin əvvəlki
nümunəni dəyişərək, ikinci və üçüncü sütunun
enini kəsr ədədlərində təyin edək:
<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;
}
:
Tutaq ki, sizin gridinizdə üç sütun var.
Elə edin ki, üçüncü sütun birinci və ikinci sütundan
1.5 dəfə böyük olsun.
Tutaq ki, sizin gridinizdə üç sütun var.
Elə edin ki, ikinci sütun birinci sütundan
1.5 dəfə böyük, üçüncü sütun isə birinci sütundan
2.5 dəfə böyük olsun.
