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

Сиздин grid'де үч тутар болсун. Биринчи тутар 100px ортосун, калган эки тутар бирдей көлөмдө болушу үчүн кылыңыз.

Сиздин grid'де төрт тутар болсун. Биринчи жана акыркы тутарлар 100px ортосун, калган тутарлар бош калган жайды үчүнчү тутар экинчи тутардан 1.5 эсе чоңураак болушу үчүн бөлүшүшү керек.