Создайте веб-сайт https://hopeful-jackson-02928a.netlify.app/ и протестируйте его с помощью инструментов Google chrome. Медиа-запросы работали нормально для всех устройств. Я также использовал эмулятор под названием ripple, который тестирует его на всех мобильных устройствах. И снова все заработало.
Однако, когда я тестировал веб-сайт на фактическом iphone, изображение mosai c не отображалось должным образом в Safari. Браузер был обновлен, поэтому не мог понять, почему.
Я использовал css сетку для mosia c Галерея изображений https://hopeful-jackson-02928a.netlify.app/about.html
Поработав с сеткой css, мне удалось заставить ее работать.
Кто-нибудь знает, почему она будет выглядеть хорошо, когда я протестировал ее на инструментах google chrome и эмуляторе пульсаций, но не по факту iphone. Также он работал нормально на реальном планшете.
Надеюсь, кто-то может пролить свет на проблему