galera vcs que já fizeram o projeto alura book, como vcs fizeram pra tirar o o chekbox e o menu continuar a funcionar to quebrando a cabeça aqui e não ta dando certo kkk help please
galera vcs que já fizeram o projeto alura book, como vcs fizeram pra tirar o o chekbox e o menu continuar a funcionar to quebrando a cabeça aqui e não ta dando certo kkk help please
Olá, Pauloh!
No projeto do curso, utilizamos o clássico display: none, e quando clicado os tornamos displa:block. Observa o código utilizado:
.lista-menu {
display: none;
position: absolute;
top: 100%;
width: 60vw;
}
.container__botao:checked~.lista-menu {
display: block;
}
A classe .lista-menu define inicialmente o menu como oculto (display: none;), posicionado abaixo do elemento que o aciona (com position: absolute; top: 100%;).
A regra .container__botao:checked ~ .lista-menu garante que, quando o checkbox com a classe .container__botao estiver marcado (:checked), o menu será exibido (com display: block;). Isso é possível graças ao seletor de irmão adjacente (~) que seleciona a .lista-menu quando precedida pelo .container__botao:checked.
E para sumir o checklist com o HTML já configurado como o da aula, a seguinte class faz com que desapareça o botão:
.container__botao {
display: none;
}
Caso tenha alguma dificuldade na implementação do código você pode visualizar a seguinte aula, e o final da seguinte aula(Min: 5:55) no qual ela ensina a retirar a visibilidade do checkbox.
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!