Quando eu clico em clico em CATEGORIAS ele abre o menu, porém o tamanho não pegou com width auto e nem quando tento fechar o menu tbm não funciona. html:
-
- Categorias
<ul class="lista-menu"> <li class="lista-menu__item"> <a href="#" class="lista-menu__link">Programação</a></li> <li class="lista-menu__item"> <a href="#" class="lista-menu__link">Front-end</a></li> <li class="lista-menu__item"> <a href="#" class="lista-menu__link">Infraestrutura</a></li> <li class="lista-menu__item"> <a href="#" class="lista-menu__link">Business</a></li> <li class="lista-menu__item"> <a href="#" class="lista-menu__link">Design & UX</a></li> </ul> <li class="opções__item"><a href="#" class="opções__link">Favoritos</a></li> <li class="opções__item"><a href="#" class="opções__link">Minha estante</a></li> </ul> CSS header: @media screen and (min-width: 1024px) { .container__titulo, .container__titulo--negrito{ font-family: var(--fonte-secundaria); font-size: 30px; } .container__titulo { font-weight: 400; display: block; } .container__titulo--negrito { font-weight: 700; } .opções { display: flex; } .opções__item { padding: 0 1em; text-transform: uppercase; } .opções__link { text-decoration: none; color: var(--preto); } .container__imagem-transparente { display: none; } .cabeçalho__menu-hamburguer { display: none; } .opções__botão:checked~.lista-menu { display: block; width: auto; } .opções__botão { display: none; }  