Как сделать резиновую панель нвостей?

Question

[ZedRott]

Хочу сделать на своём блоге вывод постов попарно, если разрешение >= 1440 по горизонтали, и выводить посты столбиком, если разрешение меньше. Проблема в том, что на данный момент при уменьшении ширины страницы, блоки сдвигаются в столбец, но справа от них возникает огромная пустота.
Вот, для наглядности, сайт с такой системой : tesall.ru
При уменьшении ширины страницы посты сужаются и в определённый момент выстраиваются в столбик и заполняют собой всё оставшееся пространство.
Как реализовать нечто подобное?

Answer 1

[Murat Atila]

Используй breakboint'ы, пример

media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

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

P.S. На сайте что ты скинул, используется свойство float:left и фиксированная ширина блока для трех и двух элементов, потом соответственно медиа запрос и переписка стилей. Firebug в помощь