Desculpe o print zoado, é que não manjo muito.
Pois bem. Seguem os códigos, ao meu ver estão corretos mas, no navegado não há alteração alguma.
outra pergunta é; Por que que às vezes temos que o navegador(mesmo com informações corretas) não exibem integralmente o código ? Será que é por ser pelo EDGE?
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="produtos.css">
    <title>Produtos - Barbearia Alura</title>
</head>
<body>
    <header>
        <nav>
            <h1><img src="logo.png"></h1>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
        <nav>        
    </header>
</body>
header {
    background:#bbbbbb;
}
nav li {
    display: inline;
    margin: 0 0 0 15px;
}
nav a {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}`
`