Как верстать макет с низким разрешением?

Question

[kystick]

Сразу скажу что я новичок и могу задать глупый вопрос. Вообщем верстаю макет из гугла с шириной 1440px, указываю в CSS размеры текста данные в Figm-е. В браузере все выглядит намного мельче и получаются не совсем красиво.
Нужно ли это исправлять и если да то как? В будущем, на фрилансе, придется ли сталкиваться с такими макетами или заказы обычно с макетами на 1920px?

Comments

[Вадим]

макеты то как раз обычно на 1440.
С внутренним контейнером для контента на 1320 примерно (если по бутстрапу).

Ну и разрешение макета не влияет на метрики, такие как размер шрифта и отступы. Если написано 20px размер шрифта, значит 20. Тот ли у Вас шрифт и нет ли масштабирования на странице - я бы начал отсюда.
Ну либо Вы макет зазумили и всё выглядит больше на макете.

[szQocks]

макеты 1920 это говномакеты, обычно делаются макет для десктопа и мобилки

[Ankhena]

В будущем, на фрилансе, придется ли сталкиваться с такими макетами или заказы обычно с макетами на 1920px?

Откройте фриланс и посмотрите какие макеты, чтобы не слушать мифы и легенды.

В браузере все выглядит намного мельче и получаются не совсем красиво.

В браузере на 1440 должно выглядеть ровно как в макете.
Если это не так, значит вы делаете что-то не то.

Нужно ли это исправлять и если да то как?

Живой сайт в любом случае должен нормально смотреться на 320 и на 8к и на всех размерах между ними.
Как именно он при этом себя должен вести зависит от макета и ТЗ.
Что-то масштабировать пропорционально.
Где-то растягивать фон, а контент центрировать.
Где-то перестраивать и убирать/добавлять блоки.
И т.д.
Универсального рецепта нет.

Что делать:
нарабатывать насмотренность: смотреть как сделано на других сайтах, в других макетах и пытаться понять где хорошо, а где плохо.

[As56]

Никто сейчас такой мутью не занимается. Актуальна адаптивная верстка

Answer 1

[Александра]

По вопросам:
"Вообщем верстаю макет из гугла с шириной 1440px, указываю в CSS размеры текста данные в Figm-е. Нужно ли это исправлять и если да то как?" - нет, не считается ошибкой.
"В будущем, на фрилансе, придется ли сталкиваться с такими макетами или заказы обычно с макетами на 1920px?" - ширина макетов всегда по разному идёт.
Тут два пути:
1. Верстать с фиксированным по ширине контейнером и фиксированными единицами измерения (как у вас сейчас, как я понимаю).
2. Верстать, например, в vw - тогда все элементы будут масштабироваться относительно размера экрана.

По наблюдениям - макеты в тех же в vw вижу редко, даже в свежих сайтах. Сама недавно перешла полностью на них - банально удобнее верстать и быстрее адаптивить.