html – header and page border / space between footer and page border

http://nokcheung.co.uk/ This is my website https://imgur.com/a/jaO0HUq https://imgur.com/a/7o9qxq9 There is some white space between the header and the page border, this Also footer and page border. A scroll bar also appears at the bottom of the page. I have already set the width to 100%

footer {
            display: inline-block;
            left: 0 ;
            bottom: 0;
            width: 100%;
            text-align: center;
            position: relative;
            background-color: #eac500;
            box-shadow: 2px 0px 4px 0px rgba(0,0,0,.3);
          }

          nav {
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #ffd700;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
          }

* { 
    margin: 0; padding: 0; 
}

html {
    height: 100%;
}
body {
    min-height: 100%;
    width:100%;
    margin: 0;
    padding: 0;
}
.card{
    margin-right:10%;
    margin-left:10%;

}

Write a Comment