Как настроить перенос div-ов на другую строку?

Question

[Сид Барретт]

Имеется:
Четыре колонки текста на всю ширину экрана, заключенные в "див"-ы, размер каждой колонки задан жестко. На мониторах с диагональю меньше 19" правая колонка переносится на следующую строку и нарушается симметрия страницы. на телефонах колонки выстраиваются красиво в одну колонку.
Задача: Как сделать так, чтоб но больших экранах колонки были в ряд, на экранах поменьше переносились сразу две колонку, образуя два ряда по две колонки, а на совсем небольших экранах — 4 ряда по одной колонке?

Answer 1

[Mr Crabbz]

media queries загуглите

Comments

[Сид Барретт]

Спасибо

Answer 2

[Капитан Какао]

Примерно так
Сужайте область с результатом, и блоки перестроятся в 2 в ряду, а если сжимать дальше то в 1 в ряду.

Comments

[Сид Барретт]

Отлично, спасибо!

[Капитан Какао]

Сид Барретт: ;)