You Shouldn’t Rely on CSS 100vh and Here’s Why!

Did you know that on mobile devices, 100vh is NOT actually 100vh?

Photo by Andrea Piacquadio

You have a text and a button, you want the text to stick to the top and the button, to the bottom! Seems easy. We can use CSS flex!

// HTML
<div className="layout">
  <p>Lorem ipsum dolor sit amet...</p>
  <button>Sign Up</button>
</div>

// CSS…