Как расположить в 2 строки flex элементы?

Question

[Артур Левенсон]

Подскажите пожалуйста, как расположить flex элементы в 2 строки, чтобы получилось вот так:

Использую свойство flex-wrap, но что-то не получается.
Пример кода: https://codepen.io/kiskiskit/pen/abmGpZq

Comments

[Виктор Касперский]

элементы вроде как сами переходят на след строку, когда достигают конца экрана

[Артур Левенсон]

Виктор Касперский, да, но я не могу понять, как ровно расположить в две строки. Последний элемент не прижимается к экрану и оставляет отступ

[Виктор Касперский]

Артур Левенсон, покажи хтмл и цсс

[Евгений]

Артур Левенсон, типа такого?

[Артур Левенсон]

Евгений, что-то тип того, только элементов должно быть 10. 5 элементов на каждую строку. сейчас попробую ваш код

[Евгений]

Артур Левенсон, вся фишка в псевдоэлементе :after и order

[Артур Левенсон]

Евгений, отлично. разобрался! спасибо

[Евгений]

Артур Левенсон, небольшой лайфхак как сделать 2 строки) можно 3 сделать, не больше)

Answer 1

[Mors Clamor]

flex-wrap

Comments

[Артур Левенсон]

не помогло

Answer 2

[Михаил Зотов]

Нужно задать блоку .content свойство justify-content: space between;

Comments

[Артур Левенсон]

не помогло