Как сделать адаптивную верстку с помощью flexbox?

Question

[Дмитрий]

Здравствуйте, есть два ряда в каждом количество колонок от 1 до N. В каждом ряду все колонки одинаковой ширины. Как сделать чтобы на меньших разрешениях колонки перестраивались из одного ряда в два и так же занимали каждая равную ширину? Например если в одном ряду 4ре по 25% то на меньшем разрешении 2 по 2 по 50%.

Ссылка на CodePen

Заранее спасибо.

Comments

[Алексей]

Нужно элементы помещать по два в колонку, тогда они будут переносится по два элемента за раз.

Answer 1

[Шохрух Шаймардонов]

Используйте flex-grow, чтобы в нужном breakpoint ваши блоки увеличились с 25% до 50%