I’m trying to make a header but it keeps making this blue space on the left and top part of the header, How can i remove it?(I’m following a tutorial and I can’t find where I did wrong)

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="estilo.css">
    <title>CSS Study</title>
</head>
<body>
    <header>
        <a href="teste.html" target="_blank">
            login
        </a>
    </header>
    <main>
        <h1>Example</h1>
        <h2>C1</h2>
        <h3>C1.1</h3>
CSS:
body {
height:100%;
background-image:linear-gradient(to top, #1D0259 -100%,#222CF2 10% );
background-attachment: fixed;
}
header{
background-image:linear-gradient(45deg,#05F2DB,#02c7b3);
height:5vh;
width:100%;
display: block;
}

r/webdev - My header have a unwanted space



Source link

Write A Comment