Как сделать список на flexbox чтобы в конце блоки не вставали по краям?

Question

[Taron4uk]

Вписываю для списка стили:

display: flex;
flex-wrap: wrap;
justify-content: space-between;

justify-content: space-between; - все беды из-за него, но как тогда сделать так, чтобы они стояли с отступами, тем самым не делая отступ для блока, который стоит последним в ряду?

Получается всё, как на изображении:



Как сделать так?

Comments

[Rustam Bainazarov]

Делать промежутки с помощью margin. Только так на flex.

[Taron4uk]

Рустам Байназаров, так, хорошо, спасибо
а если не на флексах, то, что можно попробовать вообще?

[Алекс Глебов]

смотри как у них сделаны колонки
https://getbootstrap.com/docs/4.0/layout/grid/

[Rustam Bainazarov]

Taron4uk,



Думаю, соотношение всего будет несложно понять. В примере эмуляция gap'а в 20px.

[Taron4uk]

Рустам Байназаров, благодарю!

[Rustam Bainazarov]

Taron4uk, не за что :))

Answer 1

[Rustam Bainazarov]

Думаю, соотношение всего будет несложно понять. В примере эмуляция gap'а в 20px. На flex'ах сейчас только так можно. Gap для flex'а планируют позже, кстати.