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

Својството grid-auto-rows одредува количество и ширина на редовите кои ќе ги зафаќа елементот во имплицитна мрежа. Имплицитна мрежа - мрежа која се создава автоматски, кога елементите излегуваат надвор од рамките на веќе дефинираната мрежа. Во вредноста на својството ја наведуваме ширината на редовите во било кои единици за димензии. Својството се наведува во елементот-родител и ја одредува ширината на редовите на елементите-потомци.

Синтакса

селектор {
	grid-auto-rows: ширина на ред;
}

Пример

Ајде да ја поставиме ширината на редовите за нашите елементи во имплицитната мрежа:

<div id="parent">
	<div id="elem1">1</div>
	<div id="elem2">2</div>
	<div id="elem3">3</div>
	<div id="elem4">4</div>
	<div id="elem5">5</div>
</div>

#parent {
	display: grid;
	grid-template-columns: 100px 200px;
	grid-auto-rows: 40px 60px 80px;
	border: 2px solid #696989;
	padding: 10px;
}
#parent > div {
	padding: 10px;
	border: 1px solid #696989;
}

Погледнете ги и

својството grid-auto-columns,
кое одредува количество и ширина на колоните во имплицитна мрежа
својството grid-template-rows,
кое одредува количество и ширина на редовите во мрежата