С какими сложностями в работе с версткой сталкивался

1. Кроссбраузерность – особенно старые версии IE, Safari. Например, flexbox в IE11 требует префиксов и имеет баги.
2. Адаптивность – сложности с @media, когда дизайн не учитывает все разрешения. Иногда приходится писать костыли для специфичных устройств.
3. Вендорные префиксы – -webkit-, -moz- для новых CSS-свойств. Автопрефиксер помогает, но не всегда.
4. Работа с макетами – дизайнеры могут не учитывать технические ограничения (например, сложные тени, градиенты).
5. Оптимизация – вёрстка может тормозить из-за тяжелых анимаций (transform vs top/left).

Пример с flexbox в IE11:

.parent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}