Что делать с нечетным количеством блоков в адаптивной верстке?

Question

[FOGstudio]

При адаптивной верстке, четыре блока сольются в два, два в один. А что будет с тремя? Пятью? Нечетным количеством?

Answer 1

[FullWipe]

Я не совсем отвечу по теме

Вот посмотрите как реализованно на awdee.ru, просто меняйте размер окна браузера

Answer 2

[Виталий Киренков]

Как дизайнер накреативит дизайн для мобильных версий, так и должны верстать, а вы в свою очередь, должны задавать ему вопросы о том, как должен себя вести блок при том или ином разрешении экрана.

Answer 3

[Андрей Голуменов]

Зачем сливать блоки в кучу?
Пусть "спрыгивают" один под другой

Comments

[FullWipe]

Как раз похожий эффект реализован на awdee.ru

Answer 4

[ModestesGonze]

Как понять, что будет? Как сверстаешь так и будет.
1. Можно ужимать, чтобы 3й блок не сползал. Тут от контента в этих блоках зависит.
2. Растягивать на всю ширину. Тоже от контента зависит
3. Скрывать лишний
4. Ничего не делать.

Comments

[FOGstudio]

Интересуют скорее общепринятые стандарты, понятно, что всё зависит от того как сам сверстаю.

Answer 5

[Olexandr Dmukhovskiy]

Здравствуйте, зачастую при уменьшении ширины контента уменьшается количество колонок.
Причина в том что компонировка одного елемента есть исключительной (в плане дизайна) ресайзить его не желательно, потому просто блоки пока есть место стают 5, 4, 3 , 2 и в самом конце 1 на екран.
Для етого зачастую лучше всего использовать
display:inline-block
для елементов которые денамиски располагаются и
text-align:center
родителю.