[Dúvida] Opções do Tópico Categorias não abre centralizado, abre no canto esquerdo (1024)

Oii Guilherme, tudo bem?

Pode compartilhar seu código completo? Assim conseguimos te ajudar de forma mais detalhada e assertiva.

Certo, subi o código no github do que eu fiz até agora: https://github.com/GuilhermeChicolet/AluraBooks

No Github Pages: https://guilhermechicolet.github.io/AluraBooks./

Também ocorreu um outro bug ao abrir no celular (agora referente ao design mobile) :

Olá, Dev! Tudo bem?

Observei o seu projeto e identifiquei alguns detalhes que estão causando esses pequenos problemas. Vamos trabalhar para resolvê-los!

Vamos começar editando o arquivo index.html:

No trecho do código, você precisa ajustar a estrutura da lista de opções. O seu código está assim:

<ul class="opções"></ul>
<input type="checkbox" id="opções-menu" class="opções__botão">
<label for="opções-menu">
  <li class="opção__item">Categorias</a></li>
</label>

Porém, o correto é:

<ul class="opções">
  <input type="checkbox" id="opções-menu" class="opções__botão">
  <label for="opções-menu">
    <li class="opção__item">Categorias</li>
  </label>
</ul>

Além disso, na linha 141 do index.html, é necessário adicionar a seguinte marcação para a paginação do conteúdo:

<!-- If we need pagination -->
<div class="swiper-pagination"></div>

Agora, vamos ajustar o arquivo header.css. É preciso fazer a seguinte mudança:

.opções__botão,
#opções-menu,
.opção__item {
  display: none;
}

Com essas correções, tudo deve funcionar corretamente!

Se precisar de mais ajuda ou tiver outras dúvidas, estou à disposição para ajudar.

Resolvido, obrigado!