Как убрать перенос карточек на новые строчки?

Question

[Only_water]

Пытаюсь сделать сайт через Flex.
Нужно чтобы 5 карточек стояли горизонтально, а потом следующие 5, переносились на другую строчку и так по новой.
https://jsfiddle.net/1cd2gt3x/

Comments

[Ankhena]

Если вам нужно, чтобы флекс заполнялся по строкам, то зачем вы пишете fxd column?

А не, всё еще хуже. Где родитель для карточек?
Можно, конечно, задать флекс прямо для body, но боюсь это может не вписаться в остальной макет.

[Only_water]

fxd column работает для контента внутри карточки.

[Никитос Албанов]

Only_water, есть несколько вариантов:
1) Дать общую обертку, в ней сделать еще одну обертку для 5 карт и задать flex-wrap: wrap соответственно они должны перенестись
2) просто поставить flex-wrap: wrap и он автоматически будет спускать карты, которые не влазеют в одну строку

Answer 1

[Никитос Албанов]

есть несколько вариантов:
1) Дать общую обертку, в ней сделать еще одну обертку для 5 карт и задать flex-wrap: wrap соответственно они должны перенестись
2) просто поставить flex-wrap: wrap и он автоматически будет спускать карты, которые не влазеют в одну строку