@R1msk1y

Как подогнать верстку под Pixel Perfect?

Приветствую!
Проблема такая.
Сверстал лендинг, теперь его нужно подогнать под Pixel Perfect. Требование заказчика.
Использую плагин Pixel Perfect для Chrome.
Ситуация примерно такая. Скрин - https://c.radikal.ru/c11/2110/8e/8f4a56bfd60a.png
Расхождения сильные, т.к. я верстал примерно в макет.
Вопрос - какие методы использовать что бы подгонять верстку к макету?
В коде у меня:
основной блок без высоты, все выравнивается по контенту.
блок header - дисплей флекс, в нем два блока. Лого с картинкой и навигация.
Ниже флекс блок, в нем три элемента:
левый - картинка;
по центру - 3 заголовка, текст, кнопка. Блок - дисплей флекс. Флекс дирекшн - column;
правый блок - картинка;
  • Вопрос задан
  • 137 просмотров
Пригласить эксперта
Ответы на вопрос 2
@markak
Frontend developer
Используйте margin, padding, line-height, правильно обворачивайте все в container'ы
Ответ написан
Комментировать
@silatal
Изучайте подробнее flexbox'ы
Когда правильно их прописываешь, то 95% встаёт ровно по пиксель пёрфекту. Остальные 5% padding, margin, и line-height.
Центрирование элементов тоже нужно почитать. Это основа основ. Иначе будете мучаться всегда.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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