Що робить властивість gap?

CSSJunior~1 хв читання

gap задає відстань між елементами в Grid і Flexbox, не додаючи зовнішніх відступів самим елементам.

Приклад:

css

.container {
  display: grid;
  gap: 20px;
}

Це створить відступ між елементами (і по рядках, і по колонках).

Додатково:

javascript

row-gap: 10px;    /* лише по рядках */
column-gap: 15px; /* лише по колонках */
gap: 10px 15px;   /* рядок / колонка */

Важливо: gap не створює відступів по краях контейнера, лише між елементами.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.