Responsive stack блоков — jquery-плагин?

Question

[Moe Green]

Доброго времени суток!

Есть такой кусок макета - take.ms/zQov4

Хочется сделать его адаптивным. При изменении ширины viewport чтобы смещались право или влево, вниз или вверх. Силами CSS сделал, но не совсем так, как мне хочется.

Наверное, есть какой-то плагин (может, под jQuery), который реализует адаптивное поведение этих двух блоков?

Answer 1

[Максим Тимофеев]

Для этого есть htmlbook.ru/css/value/media и фреймворки типа bootstrap. Можно и jQuery, но надо ручками писать. Ибо это слишком простая задача и слишком частная, что бы был плагин.

Comments

[Moe Green]

у меня это jeet.gs + rupture - и все работает. просто думал, есть готовое и красивое решение данного вопроса.

Answer 2

[Дмитрий Новиков]

используйте float и медиа-запросы для изменения ширины блоков и отступов. этого будет более чем достаточно, и jquery не потребуется.

Comments

[Moe Green]

при использовании float разве можно "подсовывать" блоки один по другой? я сделал так - codepen.io/gearmobile/pen/GpROyE