Как работает свойство gap в CSS Grid?

Свойство gap в CSS Grid задаёт расстояние (промежуток) между строками и колонками в сетке. thecode.media Это позволяет создавать равномерные отступы между элементами без использования margin или padding на самих элементах. thecode.media

Свойство gap — это сокращённая запись для двух отдельных свойств: thecode.media

1. row-gap — промежуток между строками. thecode.media
2. column-gap — промежуток между колонками. thecode.media

Значениями для свойства gap могут выступать: sky.pro

• абсолютные величины (px, pt, cm); sky.pro
• относительные величины (em, rem, vw, vh); sky.pro
• проценты (%); sky.pro
• ключевое слово normal (зависит от браузера, обычно равно 1em). sky.pro

Промежутки добавляются только между двумя дорожками сетки, то есть они не добавляются перед первой и после последней дорожки. html5book.ru

Если указать только одно значение в свойстве gap, то браузер выставит данный отступ и для колонок, и для рядов. ru.hexlet.io