Как сверстать карточки?

Question

[Станислав Смольников]

Как правильно сверстать карточки, чтобы они адаптировались под экран при его уменьшении как показано на картинке

Answer 1

[origami1024]

1) Карточки с width в процентах.
2) На media query другой width в процентах.
3) Flex контейнер с flex-wrap: wrap;

Comments

[Станислав Смольников]

Спасибо за ответ. Я изначально воспользовался этим способом, но результат не совсем тот, который мне нужен.

[origami1024]

Станислав Смольников, в чем отличие результата от того что нужно?