Как сверстать justify-content: space-between так, чтобы при наличии одного/двух элементов они вставали в flex-start?

Question

[Worddoc]

Есть такие блоки:


Сверстал их с помощью display: inline-block и ширина в процентах. Но это не надежно, что-то может поехать при определенных условиях. Как можно сверстать эти блоки с помощью flex, а именно так, чтобы если мы имели 2 или 4 блока вместо всех 12-ти, то они бы вставали в flex-start? Либо можно сверстать это еще как-то?

Answer 1

[Егор Живагин]

Ну, можно сразу сделать flex-start и отступы руками указать

Comments

[Worddoc]

Думаю отступы вручную также опасны, как и ширина в %. Да и будет погрешность в заполнении всего пространства, если ставить такие отступы, которые не ломали бы верстку. А ты как ты считаешь?

[Андрей Брекоткин]

Worddoc, почему отступы вручную опасны? Блоки допустим по 200px, отступы по 20px в итоге общая ширина 840px - все четко. Проблема в чем?

[Егор Живагин]

Worddoc, чем опасны-то? И я не очень понимаю про погрешность.
Напомню, что отступы можно задавать в % . И не забывать про flex-wrap, конечно.