Oi, Fernando, tudo bem?
Sinto muito que esteja com dificuldades, mas vou te ajudar!
O problema que você está enfrentando acontece devido a um erro de abertura e fechamento de tag no seu arquivo "index.html". Três tags não estão sendo fechadas, as tags <html> e <body> que precisa de fechamento, mas não interferem no problema em si, é apenas para manter a estrutura do documento e a sintaxe dessas tags. E a tag <div> criada logo após a tag <body> que precisa ser fechada antes da abertura da tag <main>.
Como essa tag <div> tem uma classe sidebar as propriedades aplicadas a ela, afetam a tag <main> e sobrepõem os estilos aplicados especificamente nesta tag e nas subsequentes.
Com a correção o código do arquivo HTML dicaria assim:
<body>
<div class="sidebar">
<!--CÓDIGO OMITIDO-->
</div> // NOVA LINHA ADICIONADA
<main>
<!--CÓDIGO OMITIDO-->
</main>
</body> //NOVA LINHA ADICIONADA
</html> //NOVA LINHA ADICIONADA
Lembre-se que você tem um grande ajudante para identificar problemas na estrutura HTML que é a indentação. Ela pode ser fundamental para conseguirmos ver como o nosso código está estruturado e quais tags estão sendo englobadas por outras. Se você quiser pode usar o atalho "ALT + SHIFT + F" que o código será identado automaticamente. Também é possível usar as linhas guias que mostram os pares de abertura e fechamento de tags.
Notei também que no código do arquivo "main.content.css" o botão Inscrever apresenta uma borda, que pode ser removido aplicando a propriedade border:none; na classe .header__login .subscribe. Ficari assim:
.header__login .subscribe {
/*CÓDIGO OMITIDO*/
border:none; //NOVA LINHA ADICIONADA
}
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
