I am facing an issue where, despite setting the margin and padding on both body and html to 0, the background color on my header element does not cover the entire top part of the website.
Below is a snapshot of the problem:
https://i.sstatic.net/KTkOe.png
Take a look at my HTML and CSS:
<body>
<header>
<h1>Test Website</h1>
</header>
<main>
<div>
<h2 >Test Website</h2>
</div>
</main>
<body>
html, body{
background-color: #ffffff;
font-family: Nunito, sans-serif, serif;
font-size: 28px;
margin:0px;
padding:0px;
text-align:center;
}
header{
background-color: rgb(3, 231, 231);
margin: 0px;
padding: 0px;
height: 100%;
}