oksana_melikhova, вы им сказали расположиться в 110 точках от правого края. Они туда и прибились.
Другое дело, что, возможно, нужно было указывать относительные единицы измерения или их же совместно с clamp или перестраивать при media или calc
А где доказательство того, что она есть по этому пути?
Скорее всего, неверный путь к картинке. Подробности написаны на вкладке Console в инструментах разработчика.
Браузер показывает где ищет картинку.
Остается только скорректировать путь.
Учебник на htmlbook прекрасный, но не обновлялся уже лет 10, наверное.
Лучше попроходите интерактивные курсы у HTML Academy https://htmlacademy.ru/courses
Благо есть бесплатные варианты.
Елена, цвет при наведении должен меняться? Цвет чего? Любой части картинки?
Сами картинки не меняются? В смысле если есть блок с галкой, то он с галкой и будет?
Скорее всего неудачно написаны media и остальные правила. И в результате просто что-то вывалилось из контейнеров.
Ретина не влияет на размер шрифта. Для неё нужно готовить только отдельные картинки в 2х или 3х.
110% при исходных 1920 = ~1745
Т.е. на ноутбуке будет отображаться точно также, как если вы выставите в адаптивном режиме эту ширину.
Вот и проверяйте, что там ломается на такой ширине (и на соседних тоже).
А всяческие табы и аккордеоны на js легко гуглятся.