I am redesigning this web site and I don't know why the
height: calc(100vh - 180px);
here is the code pen: https://codepen.io/raul-rogojan/pen/zQNWYd?editors=1100
I didn't measure the pixels exactly, however the height of .banner is the height you have assigned to:
100vh (which is the height of the viewport) minus 180px
What's the result or height you wish?
Sempervivum the first section (the green one) .rezerva is 100px the nav-bar on mobile is 80px . I want the banner and the navbar and the green section to have 100vh combine. So I cal 100vh - 100 + 80 but it still not 100vh . and even if I change it to calc(100vh - 190px) or calc(100vh - 170px) nothing changes .
Again I cannot reproduce what the issue is. When using 180px the banner fills the remaining space of the window exactly. When I increase 180px to e. g. 300px on the bottom there is space below the banner and this space is filled by other content below.
This is the issue . But never mind .
Is not a big deal . But thank you for you answer