Как сделать такую адаптивность без фреймворков?

Question

[Лариса]

Вот такой наворот адаптива

стартовый код для тех кто захочет попробовать

Вдруг кто-то может помочь с таким сложным адаптивом...
Могу менять местами два блока между собой, но сдвинуться в целом не получается(

Comments

[Иван]

это таблицей надо делать?

[Ankhena]

Продублируйте или "раздел спортивных новостей" или картинку

[Сергей Тутуков]

Структура должна быть примерно такой. Border, width (можешь перевести в % если нужно), flex(можешь заменить на что-то другое) сделаешь сам. И адаптивку тоже
https://codepen.io/STutukov/pen/VWWyyX

Answer 1

[Юнус Газиев]

jsfiddle.net/5aafbhrv/2 html из примера не подходит для решения без дублирования

Answer 2

[#FFFFFF]

flexbox + order для смены порядка блоков

Answer 3

[Руслан Галиев]

Условно, как-то так

Answer 4

[lvbmessage]

flex