Как правильно отобразить сайт на айфоне?

Question

[vittallyyaaa]

Сверстал страницу, все хорошо, но вот на айфоне плывет хедер, вот ссылка:
Ссылка удалена модератором.

и вот скрин с айфона:

Comments

[Ankhena]

Разгребите кашу из грида и абсолюта, чтобы остался только грид и был нормально использован.
Заодно лишние обертки уберете.

[Noder SS]

Слишком много абсолюта, вы знаете flexbox? С его знаниями можно сделать адаптив в две строчки, а абсолюты лучше вообще не использовать, лично мне они никогда не помогали. Как бы это печально не звучало, но для максимально лучшего отображения нужно переписать сайт, но используя как можно больше флексов

[Noder SS]

Evgenii, согласен, если они бы не использовались, их бы вообще не было)). Не знаю почему, но никогда не использую их)))

[Noder SS]

Evgenii, Для всплывающих окон я использую fixed. но насчет видео согласен, года 2 назад делал проекты с видео на фоне))

[Ankhena]

Evgenii,

ну для видеофона хороши, иначе просто никак. При условии что контент есть поверх.

гриды

Наложения контента поверх карточек, если картинки фона не в css прописаны

Гриды
А чтобы декоры шли в стили используйте кастомные свойства.

[Ankhena]

Evgenii, да, если делать сайты для ИЕ и других динозавров, то придется тоскливо абсолютить. Для динозавров особенно актуально видео на фоне.