Brucheinheiten fr in CSS Grids

Werte, die in der Einheit fr angegeben sind, können auch gebrochen sein. Lassen Sie uns das vorherige Beispiel ändern, indem wir für die zweite und dritte Spalte Breiten in gebrochenen Zahlen angeben:

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

Angenommen, Ihr Grid hat drei Spalten. Machen Sie es so, dass die dritte Spalte 1.5 mal größer als die erste und die zweite ist.

Angenommen, Ihr Grid hat drei Spalten. Machen Sie es so, dass die zweite Spalte 1.5 mal größer als die erste ist, und die dritte Spalte 2.5 mal größer als die erste ist.