Воҳидҳои касрӣ fr дар CSS Grid

Қиматҳое, ки бо воҳидҳои 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 маротиба аз сутуни якум калонтар бошад.