Как красить спрайт?

Используйте кастомные свойства для fill, stroke и т.д.
Либо классы.

Как сделать заголовок в диалоговом пузыре?

AlexandraWeather, зачем border-то для этого?
Просто фоном.
Пропорции svg сломать с помощью preserveAspectRatio="none"
Хвост я бы ставила отдельно, чтобы он не портил картину.
С другой стороны, если такая радость одна, то и без разницы если он изменит пропорции.
Возможно, пригодится ещё vector-effect="non-scaling-stroke", пробуйте.

Как сделать hover больше чем сам контейнер по ширине?

Danya Wyse, потому что с позиционированием беда. При таком как у вас должно быть 150vw. А если от центра или от правого края то достаточно 100.

Как расположить объект в низу корзины и сделать правильный скрол?

Гриды, флексы.

И позиционирование корзины имеет смысл поправить, сейчас уходит за верх окна.

Как сделать hover больше чем сам контейнер по ширине?

Danya Wyse, 100vw, а не 9999px

Как сделать hover больше чем сам контейнер по ширине?

Владимир, и какой смысл пользователю от такого ховера? Красиво, но бестолково?

Как сделать hover больше чем сам контейнер по ширине?

Владимир,

Так может его поставить на родительский блок?

Не надо так делать.
Поверх - ок. Оборачивать - не стоит. Просто по семантике.

Почему не работает тэг A?

xencocks,

потому что сначала был обычный текст, с которым легче работать в диве, а потом понадобилась и ссылка

Эммм.. интересное заявление, ну да ладно. Надеюсь, это быстро пройдет.
Поменяли бы div на a. Не нужен он там в общем.

Как сделать hover больше чем сам контейнер по ширине?

Думал через псевдоэлемент закинуть но не гибко получается

И что именно не гибко?
Но можно растягивать ссылку, а не псевдо от неё.

Почему не работает тэг A?

С чего вы взяли, что ссылка не работает? Сделайте песочницу с видимой проблемой на codepen.io, замените ссылку на яндекс, гугл или что-нибудь такое.

Но лучше бы ответить на вопрос, зачем внутри неё этот div и удалить его и стилизовать саму ссылку.

Как правильно сверстать такую границу у блока?

Может кто что предложит еще ?

Не хотите псевдо, рисуйте градиентами

Как правильно задать путь в CSS для изображения?

Ну откройте же инструменты разработчика и посмотрите куда вы послали браузер за этой картинкой.
И сравните с тем где она лежит на самом деле.

Ангуляр у них видите ли

Почему при масштабировании страницы содержимое не приближается/отдаляется?

при zoom 25% страница выглядит ровно также как при zoom 100%

Логично, ведь единица физически 1vw не изменилась.

при zoom 400% вообще срабатывает медиа-запрос

Так, а почему он не должен срабатывать?
Какой вьюпорт изначально и какое значение в media?

Предположим изначально было 1920. Если его поделить на 4, получится 480. Я бы тоже стала показывать мобильную версию на 480...

Что за баг с ховером?

ponko11, что делать, упрощайте дальше. Убирайте лишние пункты меню, анимашки, ставьте значения в px.

Что за баг с ховером?

ponko11, там всё тоже самое, ховер продолжает висеть на li и изменяется ширина ссылки.
Я смотрю в опере - ничего не дергается.

Что за баг с ховером?

ponko11, у меня не дергалось вообще, а вы не рассказали что нужно, чтобы воспроизвести баг.
Фон не влияет ни на какие размеры, значит дерганья вызвать не может.

Я бы предложила вам воспроизвести баг в песочнице на codepen.io
Плюс в том, что с большой вероятностью, сами найдете в чем там дело.

Что за баг с ховером?

Скорее баги там скорее в коде.
Ховер это состояние интерактивных элементов.
А у вас висит на li
Вместо того, чтобы изменять размер псевдо (или градиента ссылки) вы меняете размер ссылки. Т.е. сначала текст из неё вываливался, а потом должен вписаться.

Как сделать утончающуюся рамку | линию в фигме?

MANTiS12, ну рисуйте трапецию..
Вряд ли её захочет повторять верстальщик (если это вообще нужно верстать), но если обратите его особое внимание, то может есть шансы.

Как сделать утончающуюся рамку | линию в фигме?

С виду это градиент, а не толщина

Почему max-width и width разное отображение?

ponomarevagalina, ну продолжим угадайку, гуглите про flex-shrink