Как быть с margin во flex?

Question

[Vlad Tytcky]

codepen.io/vlad7576/pen/wMmKrL?editors=1100 вот есть разметка на flex, я хочу добавить margin флекс-элементам, естественно верстка рушится. Конечно, можно методом тыка подбирать flex-basis, но как сделать все по уму? Я, может, напортачил с flex-basis? Если да, то как сделать правильно?

Answer 1

[Сергей delphinpro]

Пожалуй, с вашей версткой только так
codepen.io/anon/pen/XXEXyo?editors=1100

Если отступы нужны в пикселях, используйте паддинги+border-box+вложенный элемент.

Comments

[Vlad Tytcky]

Я тут подумал, можно же восползоваться calc() для пикселей

[Сергей delphinpro]

Vlad Tycky: точно :) забыл про него