Sehemu za Sehemu ndogo fr kwenye Gridi za CSS
Thamani zilizoonyeshwa kwa vitengo fr,
zinaweza kuchukua umbo la sehemu ndogo. Wacha
tubadilishe mfano uliopita, tukiwaonyesha
safu wima ya pili na ya tatu upana
kwa nambari za sehemu ndogo:
<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;
}
:
Letseni kwenye gridi yako kuna safu wima tatu.
Fanyeni kiasi kwamba safu wima ya tatu
iwe kubwa kwa mara 1.5 kuliko ya kwanza
na ya pili.
Letseni kwenye gridi yako kuna safu wima tatu.
Fanyeni kiasi kwamba safu wima ya pili
iwe kubwa kwa mara 1.5 kuliko ya kwanza,
na safu wima ya tatu iwe kubwa kwa mara 2.5
kuliko ya kwanza.
