Reduce white-space

[zebyte]

Hi,

I realize there are too much empty space (from the banner border to the footer) in my web project eventhough there are no content in it. You would have to scroll downward all the way to see the footer eventhough there are nothing in the middle part of the webpage. what could be the cause of this? is it because of too many coding inside the php files? and how can I reduce it.

https://codepen.io/anon/pen/yqRMrb

Thank you

[Pogany]

Hi,
Just remove footer’s margin-top: 100%;

[zebyte]

thanks.
I thought putting margin-top at 100% would place it to the bottom of the page.

[Pogany]

In this case you may add

  footer{bottom:0}

and

  section{min-height: calc(100vh - 140px)}

nav height = 60px
section padding = 40px;
footer height = 40px;

60px + 40px + 40px = 140px;

[Author]

Posts