Как сделать такую сетку?

Question

[Виталий Ильницкий]

Как реализовать такую сетку на flexbox? в соответствии от разрешения сетка должна меняться

Comments

[Сергей delphinpro]

Как сверстать макет с неравномерной сеткой?

Answer 1

[Negwereth]

И как должна меняться? Это как бы критично для структуры.

Comments

[Виталий Ильницкий]

как то так

[Negwereth]

Охххх. Я очень сомневаюсь, что такие кульбиты можно сделать чистым CSS. Я попробую на досуге, но кроме как CSSgrid или репозициец с помощью JS тут не сделать.

[Сергей delphinpro]

Negwereth: можно.

Answer 2

[AlexandrBirukov]

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

Comments

[Виталий Ильницкий]

ну это ссылка на основы flexbox, можете посоветовать что то по моему макету?

[AlexandrBirukov]

вот у вас на картинках цифры, есть такое свойство - order, оно определяет положение блока во флекс контейнере, меняйте их для каждого блока при изменении экрана

[Виталий Ильницкий]

AlexandrBirukov: если бы было так просто)

[AlexandrBirukov]

чего же там сложного?

[AlexandrBirukov]

10 мин, сейчас попробую

[AlexandrBirukov]

вот сваял - правда не совсем на флексах, на grid больше

https://gist.github.com/AlexandrBirukov/91919207e6...

[Виталий Ильницкий]

AlexandrBirukov: у grid поддержка плохая

[AlexandrBirukov]

да вроде норм