Изначально это свойство было введено для grid-контейнеров, но также поддерживается в flex-контейнерах. Оно позволяет задать отступы между элементами без необходимости использования дополнительных отступов (
margin).В случае использования
margin, запись выглядит многословнее. Кроме того, этот вариант плохо работает, когда появляется несколько строк.Свойство
gap же отлично справляется с этим! При желании вы можете задать разные отступы для строк и столбцов, используя свойства row-gap и column-gap соответственно