Исправляем ошибку отображения 100vh на мобильных

index.html

    <header>HEADER GOES HERE</header>
    <main>MAIN GOES HERE</main>
    <footer>FOOTER GOES HERE</footer>

style.css

body {
    display: flex; 
    flex-direction: column;
    margin: 0;
    min-height: 100vh;
    /* mobile viewport bug fix */
    min-height: -webkit-fill-available;
    }
    
    main {
    flex: 1;
    }