Свойство grid-auto-rows

Описание

Определяет размер любых автоматически созданных треков. Неявные треки создаются при явном позиционировании столбцов и строк (через grid-template-rows / grid-template-columns), которые находятся за пределами заданной сетки.

Синтаксис

grid-auto-rows: размер;

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 #grid {
 width: 200px;
 display: grid;
 grid-template-areas: 'a a';
 grid-gap: 10px;
 grid-auto-rows: 100px;
 }
 #grid > div {
 background-color: rgb(255, 87, 69);
 }
 </style>
 <div id='grid'>
 <div id='item1'></div>
 <div id='item2'></div>
 <div id='item3'></div>
 </div>
</body>
</html>

Читайте также