Fix viewport height size on mobile webkit browsers

usage.css

* {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);  
}

vh.js

// fixes vh units on mobile webkit based browsers
function fixVhSize() {
    //get 1% of viewport height
    let vh = window.innerHeight * 0.01;
    document.documentElement.style.setProperty('--vh', `${vh}px`);
}
fixVhSize();
window.addEventListener("resize", fixVhSize);