CSS Grid'деги fr бөлчөк бирдиктери

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: 1fr 0.5fr 2.5fr;
	border: 2px solid #696989;
	padding: 10px;
	width: 600px;
}
#parent > div {
	padding: 10px;
	border: 1px solid #696989;
}

Сиздин grid'де үч тилке болсун. Үчүнчү тилке биринчи жана экинчи тилкелерден 1.5 эсе чоң болсун деп кылыңыз.

Сиздин grid'де үч тилке болсун. Экинчи тилке биринчи тилкеден 1.5 эсе чоң, ал эми үчүнчү тилке биринчи тилкеден 2.5 эсе чоң болсун деп кылыңыз.