How to fix 100vh and grid-row 60px 1fr causing a scroll bar to show?
I have a grid setup on the body of my page and define two rows. Row A is fixed at 60px and row B is set to 1ft. I also ahve the body min-height set to 100VH. This combination causes a vertical scroll bar to apear. If I change 1fr to 0.99fr it goes way, like wise if I change 100vh to 99vh it goes away. This seems like the wrong way to fix this issue so what is the right way?
Code pen example (note I do use normalize) https://codepen.io/Eaglef90/pen/qBGPMpJ
Code pen example (note I do use normalize) https://codepen.io/Eaglef90/pen/qBGPMpJ
