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.