Oii, tudo bem?? Meu menu esta ficando duplicado e gostaria de ajuda para encontrar o erro, por favor?
https://github.com/StefaniOsaida/alura-books
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
hoje, com a Alura e o Google Gemini
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