Как ее сверстать при помощи флексов так, чтобы было адаптивно? Как без нормального адаптива сделать я знаю, а вот как сделать что бы получалась адаптивно не могу понять .
А в чем проблема? Сначала надо в принципе определиться что-куда будет двигаться. Там где надо меняете flex-direction, блокам ставите ширину 100%. При необходимости используете order для флексов.
Вот такое происходит при адаптиве на средних экранах при помощи свойства flex-wrap:wrap prntscr.com/h9cz79 это не очень красиво, а как от такого избавиться и сделать что б картинки в столбик стали я не знаю. Ведь display:block не задать.