Если вы до сих пор не знаете, что такое Responsive Web Design, то вы отстали от современности.

С появлением огромного количества мобильных платформ с браузерами и относительно большими экранами появилась необходимость делать дизайн сайта в соответствии с размерами и мобильных экранов.

Сделать дизайн подходящим — одно дело, но как быть с вёрсткой. Тут всё не так уж просто, можно использовать media-queries в CSS, но тогда есть вероятность, что что-то не будет работать правильно в «некоторых браузерах».

Есть специальный CSS-фреймворк, который позволяет делать Responsive (адаптивные) веб-страницы с сеткой до 12-ти колонок. Работает здорово, а называется The 1140px CSS Grid System. Лучше всего эта сетка «сидит» на 1280px мониторах. При уменьшении ширины экрана — адаптируется, при увеличении — остаётся такой же, как при 1280px.


Например, такой CSS-фреймворк можно применить для того, чтобы сверстать шаблоны для магазина на OpenCart. Ведь количество продаж резко возрастёт, если интернет магазин будет хорошо отображаться на мобильных устройствах. Конечно для повышения продаж нужен ещё и хороший движок сайта. Например, интернет магазин на opencart будет очень быстро работать, и кроме того обладает хорошо продуманной и удобной админ-панелью, благодаря которой ваши менеджеры смогут легко добавлять и обновлять товары.