@Nik_1011

Как прописать значения для .container,чтобы все правильно отображалось на больших экранах тоже?

Здравствуйте. Смотрю на макеты в figma, где-то ширина области 1920,где-то 1440,где-то 1320.
Как нужно прописывать значения правильно? Ну например,макет на 1320, мне что,брать это значение и допустим прописывать с максимального разрешения:
.page__container{
  max-width: calc(1320px - (40px * 2));
  margin-left: auto;
  margin-right: auto;
 padding: 0 40px;
}

Дальше в breakpoints уменьшать padding.
Ну а как это будет отображаться на Full HD или 4K?
Просто хочу узнать как верно сделать.
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
@ForSureN1
frontend dev
По сути это ошибка(?) дизайнера, что они рисуют на макете 1440px, т.к. так показывают в курсах, от сюда 2 варианта, делать по их размерам, либо же делать адаптив в 2 стороны, и для full HD и для мобилок, но это полный бред, займет куда больше времени чем в одну сторону адаптив. Если мне прилетает такой макет, то я делаю точно так же, как на нем, а если они начинают говорить что почему такое маленькое все, или большое на их мониторах, то объясняю что они сами скинули такой макет
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Gricc
frontend developer
да человек с верху прав и я тоже делаю примерно так а точнее следующим образом: делаю по фактическом макету однако все элементы по возможности длеаю резиновыми чтоб лни спокойно увеличивались но не уменьшались а при работе уже с меньшими разрешегиями делаю адаптив по ситуации, не знаю на сколько ясно я выразился но если ты меня понял то обдкмай такой вариант и попробуй хотябы один метод такой реализации и будут тебе выводы)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы