Grid-column-gap and grid-row-gap - how to do it on flex-box?

Question

css

Hello!

There's a simple grid on a grid - two columns, with 15px vertical padding, and 20px horizontal - how to do the same on flex-box ?

Answer 1

Answer 2

gap for flexbox is not well supported yet. Therefore, if you want on flex, then suffer with indents (margin-top, margin-left, margin-right). But why, if you can use grids?

Answer 3

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

But this is not supported in all browsers.