grid-template-rows

Wartości

grid-template-rows

Kod HTML


<div class="grid-container">
	<div class="grid-item"></div>
	<div class="grid-item"></div>
	<div class="grid-item"></div>
	<div class="grid-item"></div>
</div>

Kod CSS


.grid-container {
  background: #fff;
  border: 1px solid #bbb;
  height: 160px;
  
  display: grid;
}

Zobrazowanie

1fr 2fr 3fr 4fr


.gt-rows {
  grid-template-rows: 1fr 2fr 3fr 4fr;
}

1fr 2fr 1fr 2fr


.grid-container {
  grid-template-rows: 1fr 2fr 1fr 2fr;
}

10px 40px 20px 10px


.grid-container {
  grid-template-rows: 10px 40px 20px 10px;;
}

Stylowe kategorie

Container