Responsive HTML/CSS, Flexbox used for vertical centering

Thank you for taking the time to look at my code!

My use of dvh was my attempt to get around this address bar bug in Safari: https://stackoverflow.com/questions/52848856/100vh-height-when-address-bar-is-shown-chrome-mobile

Since dvh is relatively new unit, I used both the vh and dvh versions as a fallback in certain browsers--although I am not at all sure it is necessary.

Thanks again for checking it out!

Hello there, I refered to your code and in the body section instead of using min-height: 100vh; min-height: 100dvh; you could have just used height: 100vh; it would work perfectly