Как сделать перенос адаптивного изображение?

Question

[licvis]

Сделал чтобы размер блоков был адаптивным и необходимо, чтобы доходя до нужного разрешения, последний блок переходил на другую строку ( получается на определенном разрешение видно 3 блока сверху, 1 снизу ) и также на другом меньше разрешение 3 ( крайний ) блок переходил на строку ниже и получается в конце концов 2 сверху и 2 снизу .
Не получается через wrap

Скриншот фрагмента кода удалён модератором.

Comments

[Ankhena]

Вы тут первый раз задаете вопрос, поэтому рекомендую всё таки ознакомиться с правилами. Код скринами тут выкладывать нельзя. Либо кодом либо готовой песочницей на сервисах типа codepen.io или аналогах. Либо код в спойлер и ссылку на песочницу (вообще супер)

[Ankhena]

Не получается через wrap

Ну да, у флексов не бывает переносов без wrap. Вам чем-то не угодило это свойство?
А дальше разбираться с шириной блоков и заодно почитать про flex-shrink и flex-grow.
И про box-sizing не забудьте по дороге, чтобы не было сюрпризов.

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

Хорош бы вопрос формулировать так, чтобы было понятно что не так, как должно быть и почему нельзя wrap.

[Модератор]

Фрагменты кода надо размещать в виде текста и оборачивать тэгом code для корректного отображения. Удобно делать кнопкой </>
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.