Ingernirated: Браузер заставляет и собственная забота о пользователях и еще настройки сервера.
И js и css это статические файлы, которые на живом сайте меняются очень редко, поэтому разумно складывать их в кеш.
При разработке можно пользоваться открытой панелькой DevTools с галочкой Disable cache на вкладке Network, а для конечного пользователя при изменении файлов в названии указывать версию в GET параметре.
Ну например, пусть ширина браузера 1440, у блока container в media для этой ширины экрана установлена ширина 1180 точек и он расположен по середине. Итого, остаются поля по 260 точек. Ширина блока Корзины 335 точек. Естественно, она не помещается.
Что-то нужно уменьшить или перенести в другое место.
В index.html указано на ширину экрана:
Вот это вообще не понятно.
Если имелся в виду meta viewport, то на десктопы он не действует, а указывает как отображать страницу на мобильных.
Иван Федоров: Господи, вы хуже клиентов. Ладно они не в состоянии сразу и номально объяснить где и в чем у них проблема, но вы-то разработчик.
Ладно, к решению:
Открываем DevTools и смотрим какие стили перебивают значения при hover, если просто не знаем, что инлайновые стили имеют самый высокий приоритет.