Как во флекс сделать колонки одинаковой необходимой ширины?

Question

[DTX]

Сейчас эти две колонки обёрнуты во флекс. Можно ли сделать у этих колонок эквивалентную ширину, но чтобы пробел остался?

Answer 1

[Андрей Федоров]

.child {
flex: 1 0;
}
.child:last-child {
margin-left: 3%;
}

если колонок больше двух:

.child {
flex: 1 0;
}
.child:not(:last-child) {
margin-right: 3%;
}

Answer 2

[Денис Т]

.container {
   display: flex;
   justify-content: space-around;
   flex-flow: row wrap;
}
.child {
   width: calc(100%/n);
}

n - количество колонок