Веб-сайт работает на Android, но выглядит странно на iphone

Question

Веб-сайт отлично работает, если вы используете шаблон iPhone в инструменте разработчика. Но измерения по какой-то причине сбиваются, когда вы смотрите на реальный iPhone. сайт: https://krystletanguw.github.io/MarkTan.ca/

изображения:

нормальная версия

Answer 1

Просто измените значение margin-bottom h1 в разделе «обо мне»:

@media screen and (max-width: 439px)
.about-heading h1 {
    font-size: 3.1rem;
    margin-bottom: 2.5rem;
}