Pikseli na Vitengo vya fr katika Gridi za CSS

Kuweka upana wa safu wima zinaweza kufanyika wakati huo huo kwa pikseli na fr:

<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;
}

Hebu gridi yako iwe na safu wima tatu. Fanya ili safu wima ya kwanza ichukue 100px, na zile safu wima nyingine mbili ziwe za ukubwa sawa.

Hebu gridi yako iwe na safu wima nne. Fanya ili safu wima ya kwanza na ya mwisho zichukue 100px, na safu wima zilizobaki zigawanye nafasi iliyobaki ili safu wima ya tatu iwe 1.5 mara kubwa kuliko ya pili.