How to access the real 100vh on iOS in CSS

Question

This is a self Q&A

If you\'ve ever tried to use 100vh in CSS on iOS you will have found that it isn\'t actually 100vh when the brow

Answer 1

CSS Grid is the solution.

.grid-container {
  height: 100vh;
  grid-template-columns: 1fr;
  grid-template-rows: 30px 1fr 30px
}