Meu input type checkbox (categorias) não aparece quando coloco o display: none no css. Segue o link do projeto( inacabado)no Github para análise: https://github.com/claramamute/alura_books.git
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
Meu input type checkbox (categorias) não aparece quando coloco o display: none no css. Segue o link do projeto( inacabado)no Github para análise: https://github.com/claramamute/alura_books.git
Oii, Clara! Tudo bem?
Quando utilizamos o display: none o elemento tende a ser removido do nosso projeto.
Como sugestão recomendo que vá até o seu arquivo header.css , em seguida, .opções__botao e atualize a propriedade dele para display:block.
Aqui está um exemplo de como ficará:
.opcoes__botao{
display: block;
}
Outro detalhe a se atentar, no sei arquivo HTML, dentro de <label>do seu <input> está com o fore idjuntos, assim:
<ul class="opcoes">
<input type="checkbox" id="opcoes-menu" class="opcoes__botao">
<label for id="opcoes-menu">
<li class="opcoes__item">Categorias</li>
</label>
Troque-o para:
<ul class="opcoes">
<input type="checkbox" id="opcoes-menu" class="opcoes__botao">
<label for="opcoes-menu">
<li class="opcoes__item">Categorias</li>
</label>
Feito a mudança, salve o projeto e realize o teste. Como resultado, é esperado que o botão apareça na tela normal e que desapareça quando estiver no modo responsivo.
Espero ter ajudado. Continue interagindo no fórum compartilhando suas dúvidas, projetos e feedbacks.
Bons estudos, Carla.