Oii, tudo bem?? Meu menu esta ficando duplicado e gostaria de ajuda para encontrar o erro, por favor?
https://github.com/StefaniOsaida/alura-books
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Oii, tudo bem?? Meu menu esta ficando duplicado e gostaria de ajuda para encontrar o erro, por favor?
https://github.com/StefaniOsaida/alura-books
Olá, Jhonatan. Tudo bem?
Eu olhei o repositório e parece que ficou faltando subir as folhas de estilo, só tem o arquivo html nele. Se puder subir os arquivos eu fico mais que feliz em poder ter ajudar :)
Oii, vacilei kk. Mas já atualizei, se puder dar uma olhada de novo, muito obrigada :)
Olá, tudo bem?
Na linha 113 do header.css tem um pequeno erro na forma como você especificou a classe, esta da seguinte forma:
.opcoes__menu:checked, .lista-menu{
display: block;
}
Dessa forma o display: block; é aplicado ao .opcoes__menu:checked e ao .lista-menu ao mesmo tempo, que é o que faz os menus aparecerem na tela. Você pode simplesmente mudar a chamada da classe para somente aplicar o display: block; no .lista-menu quando o .opcoes__menu estiver checked, dessa forma:
.opcoes__menu:checked ~ .lista-menu{
display: block;
}
Isso deve ser o suficiente para resolver o problema dos menus.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)
Muito obrigada, Deus abençoe <3