Ok!
I was curious so I looked at the inspector and removing the padding-bottom: 2rem to the class of second main element in root div solved the problem. So maybe on Mac and Windows the vh unit behaves differently? Anyway, here the 100vh and 2rem add up and so, there's a scrollbar...
Hi Marian, indeed the extra one is gone! However I've noticed that now, between 521px and 754px (width) there's a horizontal scrollbar that I think shouldn't be there (because scrolling it just shows blank space). :)
Mmh, strange. I only have one :)
I have an old Windows laptop that I can use for testing. Will check tonight and fix it. It should not look like this.
Ok!
I was curious so I looked at the inspector and removing the
padding-bottom: 2rem
to the class of second main element in root div solved the problem. So maybe on Mac and Windows thevh
unit behaves differently? Anyway, here the100vh
and2rem
add up and so, there's a scrollbar...Cool, thanks so much :) Will have a look tonight and change it.
Hi ChloƩ, the 2 scrollbars should be gone now. Thanks again for your help and for pointing it out.
Hi Marian, indeed the extra one is gone! However I've noticed that now, between 521px and 754px (width) there's a horizontal scrollbar that I think shouldn't be there (because scrolling it just shows blank space). :)
Hi ChloƩ, looks like I should rethink what I did there. :)
Thanks for having another look.
You're welcome! :)