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