Ответ
Хорошая верстка — это адаптивная, семантически правильная разметка, которая работает на всех устройствах и браузерах. Она должна быть:
1. **Доступной** — соответствует WCAG, поддерживает screen readers, клавиатурную навигацию.
2. **Оптимизированной** — минимум перерасчетов стилей (reflows/repaints), быстрая загрузка.
3. **Читаемой** — чистый, поддерживаемый код с BEM/ITCSS (если используется).
4. **Кроссбраузерной** — одинаково работает в Chrome, Firefox, Safari, Edge.
Пример семантической верстки:
```
```
Используются относительные единицы (rem, %), флексбокс/грид для адаптивности, префиксы для старых браузеров.
Заголовок
Контент