В modern toolkit’e, для всех layout-ов повсеместно используются display: flex , но к сожалению отсутствует возможность задать gap. Многие мучаются с margin/padding дочерних элементов, используя :last-child, :first-child и пр. Решение с примером под катом.