Как сверстать макет на 3366px на бутстрапе?

Question

[Misantropolis]

Помогите, плиз
Дали макет с разрешением 3366рх, нужно его сверстать на бутстрапе.

До этого были только max 1600рх макеты.
Видимо, надо кастомизировать сетку и элементы под нее. А какие тогда могут быть шаги?

media (min-width: 3400px) {
.container {
width: 3366px;
}
}

а дальше как? Впервые такое вижу(

Comments

[Rustam Bainazarov]

Вам дали неправильный макет. Макет должен быть 1:1 к тому viewport, для которого он предназначен.

[Misantropolis]

Рустам Байназаров, может быть.
Но это тестовое задание. И честно сказать, я в отпаде.

[Vadim]

Макет, скорее всего, для ретины, т.е. делите все на 2.

[Misantropolis]

Vadim, Vadim, тогда получается, надо верстать для 1683рх?

а если шрифт высотой 68рх, его тоже надо делить? Т.е. брать 34 и т.д. со всеми показателями?
И еще вопрос: тогда может тупо макет уменьшить в 2 раза?

[Rustam Bainazarov]

Vadim, Misantropolis, retina-макетов не бывает, если дизайнер знает, что он вообще делает, что такое retina и что такое viewport. Retina бывают исключительно ресурсы.

Верстаем мы под размер viewport, а не под физическое разрешение экрана. Поэтому на iPhone 6 и iPhone 11 сайты отображаются одинаково, несмотря на 50% разницу в физическом разрешении экранов — всё потому что viewport'ы одинаковые (375px).

Вот тут подробно описал:
Как правильно работать с PSD макетами под ретиной?

[Misantropolis]

Рустам Байназаров, Vadim, спасибо. Хотя бы подсказали, куда смотреть и вообще... а то у меня ступор наступил. Ищу в гугле, яшке - а там тоже тишь. Думаю, то ли лыжи не едут, то ли что) А почему Ответ не нажали, хоть что-то нормальное)

Не знаю, как тогда оценить этот макет с параметрами 3366рх ширина и разрешение 72рх\дп. Попробую сделать что-то в меру своего понимания(

[Rustam Bainazarov]

Misantropolis, разрешение 72 точки — это вообще информация для печати, вам она не нужна.

Да не за что, запрашивайте корректный макет, оперируя техническими фактами. Макет явно не от мира сего. Если у конторы все такие макеты — то лучше обойти контору стороной, если там, конечно, не платят много.

Answer 1

[Виктор Таран]

https://github.com/adminnu/bootstrap-largegrid

Comments

[Misantropolis]

спасибо.
эх, если б чуть раньше...(