Сетка блоков типа Grid или Inline, не могу разобраться [Решено] - Вопросы по CSS

Всем добрый день!
Прошу помощи, как расположить блоки таким вот образом? Номер блока обозначает порядок стояния в коде. Не могу понять как прописать inline-block чтобы получилось как надо, всё какая-то каша-малаша выходит.


Спасибо.

имхо вы тут одним CSS-ом не отделаетесь, со скриптами решений много - например

То есть две колонки не подходит 65% и 34%?

То есть две колонки не подходит 65% и 34%?

Если 2 колонки, то расположение блоков в коде придется поменять., т.е будет 1,3,2,4.
Расположение в коде именно такое, чтобы при сжимании страницы они потом встали друг под другом. Если есть какой-то другой способ, буду рада узнать.

Если 2 колонки, то расположение блоков в коде придется поменять., т.е будет 1,3,2,4.
Расположение в коде именно такое, чтобы при сжимании страницы они потом встали друг под другом. Если есть какой-то другой способ, буду рада узнать.

Нет такого способа, кроме как применять абсолютное позиционирование, это можно реализовать на чистом CSS, но вам придется для каждого разрешения экрана дофига всего прописывать, лучше это сделать скриптом, пример которого и дан по ссылке выше. Как альтернатива. можно воспользоваться фреймворком uikit, там подобный скрипт в базе функционала: http://getuikit.com/docs/grid-js.html

можно воспользоваться фреймворком uikit, там подобный скрипт в базе функционала: http://getuikit.com/docs/grid-js.html

Это интересно, буду изучать.
Спасибо!

Всё получилось! Помог uikit и его Dynamic Grid!
Всем большое спасибо!