Seeking help with an issue I'm encountering - my header isn't filling the top, left, and right portions of the screen, leaving a bit of space in those areas. Despite setting padding and margins for the elements inside the header, adjusting the header size hasn't solved the problem. Any suggestions on what might be causing this?
Thanks!
Code snippet:
<body>
<header>
<a href="index.html" id="logo">
<img src="img/logo.png">
</a>
</body>
CSS:
*{
box-sizing: border-box;
}
body{
font-family: 'Open Sans', Tahoma, sans-serif;
max-width: 100%;
background-color: #5F5E5E;
}
/***************
HEADING
****************/
header{
float: left;
margin: 0 0 15px 0;
padding: 5px 0 -60px 0;
min-width: 100%;
width: 100%;
}
#logo {
margin: 5px 0 0 70px;
padding-top: 7px;
padding-left: 50px;
display: inline-block;
max-width: 100%;
}