# Расстояние между рядами в CSS гридах

Можно также задать расстояние между рядами сетки. Это делается с помощью свойства `row-gap`, которое задается в элементе-родителе.

Давайте зададим расстояние между рядами в гриде:

`<div id="parent"> <div>1</div> <div>2</div> <div>3</div> </div>` `#parent { display: grid; row-gap: 10px; padding: 10px; border: 2px solid #696989; width: 600px; height: 200px; } #parent > div { padding: 10px; border: 1px solid #696989; }`

:

Создайте таблицу, в которой расстояние между рядами составит `25%`.

← →
↑