Как сверстать неправильный макет?

Question

[Manvel]

У меня есть макет но он не правильный.
prnt.sc/10ucg4i
Ширина между словами разный.Как мне верстать pixel perfect?

Comments

[Rustam Bainazarov]

Кто-нибудь понял, где разная ширина?

[Ankhena]

Рустам Байназаров, нет, я даже не поняла почему она должна быть одинаковой.
Ещё я не поняла где на скрине макет, а где верстка.
И как это всё мешает Pixel Perfect тоже не поняла :)

Короче, вообще ничего не поняла.

[goshaLoonny]

Рустам Байназаров, У меня в глазах плывет все или в макете так?

[Manvel]

Смотриte prnt.sc/10ucg4i . Здесь макет прозрачным цветом.А мой код белый.Мне надо сделать так чтобы мой белый покрыл прозрачный цвет.Чтобы онa выровнились.Но так как макет неправильный и между словами оступ разный и я не могу их выровнять.

[Иван В]

Manvel2019,
просто поговори с дизайнером "неправильного" макета, скажи что тут ширина элементов будет не как в макете, а как быстрее. Если дизайнеру будет норм, вопрос закрыт.

[Rustam Bainazarov]

Manvel2019, делать по такому макету нельзя в данном случае. Посему — вы всё верно сделали, исправив явный косяк дизайна, сделав равные отступы.

Ну или же нужно будет вручную каждый пункт подгонять, если нужно воспроизвести в коже эту визуальную ошибку.

[natoje-zlo]

а что мешает замерять ширину каждого пункта и назначить такую же?

[Rustam Bainazarov]

natoje-zlo, разумное мышление.

[natoje-zlo]

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

[Rustam Bainazarov]

natoje-zlo, меняется количественный состав меню — нужно переделывать отступы. Меняются названия пунктов — нужно переделывать отступы. Ну и опять же, да, отзывчивость. Данный макет крайне утилитарнен, это не арт-сайт, не сайт-журнал, тут явная ошибка со стороны дизайнера.

[Ankhena]

Manvel2019, покажите отдельно макет, не вижу ничего так.

[Manvel]

natoje-zlo, А разве если каждому элементу дать отдельный margin не будет ли очень долго и не правильно?