https://developer.mozilla.org/ru/docs/Web/CSS/row-gap Релевантные источники: - developer.mozilla.org -> [row-gap](https://developer.mozilla.org/ru/docs/Web/CSS/row-gap) - css-tricks.com -> [row-gap](https://css-tricks.com/snippets/css/a-guide-to-flexbox/#aa-gap-row-gap-column-gap) > Данное свойство прописывается [[flex container и flex items|flex-контейнеру]] Свойство `row-gap` определяет вертикальное расстояние между строками (рядами) во [[flex container и flex items|flex-контейнере]]. ### Значения свойства - Указывается конкретное значение расстояния в любых допустимых единицах CSS (px, em, %, и т.д.). Например, `10px`, `1em`. - Указывается процент от ширины контейнера. Например, `10%`. Значение по умолчанию для всех этих свойств — `0`. ### Синтаксис ```css .parent { row-gap: 10px; } ``` ### Интерактивная визуализация <iframe src="https://interactive-examples.mdn.mozilla.net/pages/css/row-gap.html" width="100%" height="380px"></iframe> ### Визуализация картинкой ![[Pasted image 20240728080043.png|500]]