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

Question

[SergeyBuharev]

Всем привет! Ребята, подскажите пожалуйста, какую сетку можно использовать для разработки дизайна по примеру сайта divan.ru. Можно ли использовать для такого проекта ширину в 1860px для контентной части, с гаттером по краям в 30px и отступами между колонками в 20px? И еще вопрос. Можно ли в данном случае использовать 24 колонки в макете? Сможет ли верстальщик все верно сверстать? Заранее спасибо!

Answer 1

[iBird Rose]

не советую такое делать. как видишь сам из примера - дизайн нормально не адаптируется. и для мобильной версии они используют другую верстку. ( https://m.divan.ru/ )
не делай макеты в 100% ширину. всегда ширина должна быть ограничена контейнером с фиксированной шириной.
p.s. а в остальном да

с гаттером по краям в 30px и отступами между колонками в 20px? И еще вопрос. Можно ли в данном случае использовать 24 колонки в макете? Сможет ли верстальщик все верно сверстать?

все это делается легко.

Comments

[SergeyBuharev]

Понял. А если использовать стандартную бутстраповскую сетку 1170px, то можно будет в процессе вертки сделать, что-бы меню примыкало к левому краю экрана не зависимо от размера (для мониторов и ноутбуков с разрешением от 1200 до 1920)?

[Mikalai Bulava]

А что плохого в том, что в моб версии используется другая верстка?

[Mikalai Bulava]

и почему она должна быть всегда ограничена фиксированной шириной?

[iBird Rose]

MrBuha: да. можно
Crimp B: "А что плохого в том, что в моб версии используется другая верстка?" -тем что нужно верстать 2 макета и поддерживать 2 верстки. оно было популярно лет 10 назад. потому что нормально адаптировать в то время нельзя было. да. бывают исключения когда сайт тяжелый. и тогда можно использовать 2 верстки. но данный пример к ним не подходит.
"и почему она должна быть всегда ограничена фиксированной шириной?" - чтобы адаптировать по брекпоинтам. к примеру разделил я на 6 экранов. от 2к до 320px. и сделал 6 media запросов. и мне не нужно сидеть уменьшать экран попиксельно и когда какой то блок улетит - создавать новый media запрос.

[SergeyBuharev]

Спасибо большое за разъяснения!