Андрей

На IPS мониторе не заметил градиента, наверное яркость надо выкрутить на 100%.
Подозреваю тут дело в том что 95% мониторов имеют палитру много меньше 16млн цветов. Градиент у вас еле заметный (фактически с черного на черный), плюс как вы написали особенно заметно больших мониторах. Т.е. слабый градиент делим на большую длинну, с учетом неидеальной палитры самого монитора дает заметные ступени в цветах.

генератор треугольников apps.eky.hk/css-triangle-generator

Надо смотреть код. Явно путаница или с float или с position

#wrapper{line-height:0}

Что мешает попробовать в инструментах разработчика? (F12, device mode)

Нет. Измените подход к решению задачи. Если нужно позиционироваться относительно UL, то и ваш div должен быть потомком UL. Либо высчитывайте смещение относительно UL+ относительно LI

Мы это сделали так tuningmaster.su

Если дизайнера стукнуть нельзя, предложу еще один вариант:
Берем и края шапки уводим в градиент, т.е. желтые многоугольники превращаются просто в желтый однородный фон. Тем самым и на широких экранах проблема решена и вес шапки будет приемлемым и верстальщик молодец!

обычный серый блок, с относительным позиционированием
стрелочка снизу и уголок справа - при помощи псевдоэлементов :before :after и бордюров

1. emmet
2. csshat
3. bearcss.com