gap: разстояние между елементите, без външен кант

Полезно е да знаеш

gap определя разстоянието между редове и колони в поддържаните оформления, включително grid и flex. С една стойност се задават и двете междини; с две стойности първата е за редовете, а втората за колоните. [1]

В grid с три колони и gap: 16px; има две междини между колоните. Това не добавя автоматично 16 пиксела между крайните карти и ръба на контейнера. За такъв вътрешен кант можеш да зададеш padding на контейнера.

При flex посоката има значение за начина, по който междините се разполагат между елементите и редовете. Пробвай конкретната конфигурация, особено когато има flex-wrap. Ако разстоянията изглеждат по-големи от gap, провери също margin и разпределянето чрез justify-content: те могат да добавят пространство независимо от зададената междина. [1]