Я очень плохо знаком с HTML / CSS и пытаюсь попрактиковаться, создав несколько базовых c сайтов.
Настольная версия моего сайта выглядит хорошо, и когда я проверяю ее в Chrome, мобильная версия выглядит хорошо, но когда я на самом деле использую мобильное устройство, изображения не растягиваются, чтобы изменить размер для области просмотра , Пытаясь исправить это, я продолжаю ломать его дальше, поэтому я очень ценю некоторую помощь.
Я пытался найти эту проблему, но найденные решения подсказали мне использовать background-size: cover, что я и делаю. Я попытался изменить тело на body {width: 100vw; height: 100vh;}, а также совет здесь о том, как вынуть height: 90vh и оставить фоновую обложку и ширину, но это уменьшило его до размера линии div, что слишком маленький. Я чувствую, что это решение здесь с медиа-запросами близко, но я не могу понять это.
Вот репо и вот страница GitHub , где вы можете ее просмотреть. Заранее спасибо!
Рабочий стол:
Инспектор:
Мобильный телефон:
