Remove white space between header and body

css

Solution

Just set `margin:0` in your h1 tag.

header {
    width: 100%;
    height: 10em;
    background-color: #345cd7;
    position: relative;
    margin: 0;
    padding: 0;
}


.top-box {
    background-color: #345cd7;
    margin: 0;
    padding: 0;
}
.top-box h1{
    margin:0;
}

<header>
    <img src="images/white.svg" id="logo" />
</header>
<body>
    <div class="top-box">
        <h1>Welcome to</h1>
        <h2>Welcome to the family. Download one of the apps and get making them calls!</h2>
    </div>
</body>

Problem

I've tried to remove the white space between the header and body but can't get it to work. I've included a snippet that shows my code. anyone knows how to sort this? ``` header { width: 100%; height: 10em; background-color: #345cd7; position: relative; margin: 0; padding: 0; } .top-box { background-color: #345cd7; margin: 0; padding: 0; } ``` ``` <body> <header> <img src="images/white.svg" id="logo" /> </header> <div class="top-box"> <h1>Welcome to</h1> <h2>Welcome to the family. Download one of the apps and get making them calls!</h2> </div> </body> ```

Original source