Grid-column-gap и grid-row-gap — как сделать на flex-box?

Question

[Александр Осадчий]

Здравствуйте!

Есть простая сетка на грид - в две колонки, с 15-px отспуом по вертикали, и 20px по горизонтали - как сделать такую-же на flex-box ?

Answer 1

[RAX7]

Answer 2

[profesor08]

gap для флексбоксов еще недостаточно хорошо поддерживается. По этому, если хочешь на флексах, тогда мучайся с отступами (margin-top, margin-left, margin-right). Но зачем, если можно использовать гриды?

Answer 3

[LJ322]

.element {
 display: flex;
 row-gap: 20px;
 column-gap: 15px;
}

Но это не во всех браузерах поддерживается