Здравствуйте. У меня возник вопрос по адаптивной верстке. При просмотре полноразмерной версии сайта, страница выглядит вот так: (
рис. 1)
![5d10868f50bda083564074.png](https://habrastorage.org/webt/5d/10/86/5d10868f50bda083564074.png)
При просмотре с мобильного устройства, блоки выстраиваются по порядку и страница обретает такой вид: (
рис. 2)
![5d108726c4f6b776420973.png](https://habrastorage.org/webt/5d/10/87/5d108726c4f6b776420973.png)
Но это не совсем то что нужно.
Как привести страницу к такому виду: (
рис. 3)
![5d10877c597e2304271844.png](https://habrastorage.org/webt/5d/10/87/5d10877c597e2304271844.png)
Пока в голову пришла мысль просто наделать блоков, видимых / невидимых для разных размеров экранов и с их помощью обрести желаемый вид. Но можно ли это сделать чище, без костылей...?