Какой у вас опыт и отношение к верстке?
Что проверяют
Не считаете ли вы вёрстку работой второго сорта. Вопрос про отношение задают именно с этой целью.
Как отвечать
Правильная позиция: вёрстка это полноценная инженерная часть фронтенда, а не механический перенос макета. Качественная вёрстка означает адаптивность на любом экране, доступность, семантическую разметку, производительность отрисовки и предсказуемое поведение при изменении содержимого.
Что показать в ответе:
- современные инструменты раскладки: флексбокс и сетка вместо позиционирования и обтекания, запросы по размеру контейнера вместо привязки только к ширине окна, логические свойства для поддержки других направлений письма;
- переменные и токены: цвета, отступы и типографика вынесены в переменные, отсюда тёмная тема и смена оформления без переписывания стилей;
- семантика и доступность: правильные теги, работа с клавиатуры, видимый фокус, подписи к полям, контраст. Это не дополнительная функция, а базовое требование;
- управление каскадом: низкая специфичность, соглашения об именовании или модули стилей, отсутствие правил с принудительным приоритетом;
- производительность: анимация через преобразование и прозрачность вместо геометрии, отсутствие лишних перерасчётов разметки, предотвращение скачков содержимого при загрузке;
- устойчивость: длинный текст, отсутствие изображения, две строки вместо одной. Макет рисуют на идеальных данных, а живёт он на реальных.
Про опыт: приведите сложный случай. Липкие элементы с наложением, таблица с фиксированной шапкой и горизонтальной прокруткой, сложная сетка, поддержка старого браузера, дизайн-система с темами.
Отношение сформулируйте прямо: вёрстка нравится или нет, но относиться к ней стоит как к части работы, за которую отвечаете. Пренебрежение к ней обычно и даёт интерфейсы, разваливающиеся на длинном названии.
Где спотыкаются
Говорят, что вёрстка это скучно, и тем закрывают вопрос.
Не знают про доступность.
Верстают только под макет и ломаются на реальных данных.
Лечат каскад принудительным приоритетом.