Не правильно отображается сайт. Что делать?

Question

[Константин]

У меня опять появились проблемы по поводу моего сайта.
Вот заранее код:
https://jsfiddle.net/12dopL8u/

1. На JsFiddle и CodePen у меня всё нормально показывается, но когда я открываю файл в браузере как локальный файл, он у меня показывается так:


2. На JsFiddle и CodePen когда я проскроллил до конца сайта, меню спряталось, но появлялось, когда возвращался наверх.

3. Когда я просто открываю файл без текста в браузере, градиент был маленьким, но нормально работал, только когда я добавил текст.

Как это всё исправить?
P.S Извините, что много делаю вопросов

Answer 1

[Роман Дворянов]

Удалите это
html, body {
height: 100%;
}

Добавьте это
body {
min-height: 100vh;
}

Comments

[Константин]

Спасибо огромное. Я возился сам с этим около часа и ничего не придумал