Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

O menu categorias está aprecendo em duplicidade

Esta aparecendo o atual e o do mobile eu não sei o que to fazendo de errado! nem as palavras não estou conseguindo separar socorro https://github.com/broobs/exalurabooks.git

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas
solução!

Bom dia, Bruna! Tudo joia?

Analisando o seu projeto identifiquei que o problema era o fechamento errado da tag <label> logo no início do seu arquivo HTML, onde essa tag estava envolvendo toda a lista de "categorias", contudo, deveria envolver apenas a tag <span>, logo, a configuração CSS que deveria esconder essa segunda opção da "categoria" não era aplicada.

Segue o seu código HTML corrigido:

            <input type="checkbox" id="menu" class="container__list">
            <label for="menu" class="container__label">
                <span class="hamburguer__menu"></span>
            </label>
                <ul class="menu__list">
                    <li class="title__list">Categorias</li>
                    <li class="items__list">
                        <a href="#" class="link__list">PROGRAMAÇÃO</a>
                    </li>
                    <li class="items__list">
                        <a href="#" class="link__list">FRONT-END</a>
                    </li>
                    <li class="items__list">
                        <a href="#" class="link__list">INFRAESTRUTURA</a>
                    </li>
                    <li class="items__list">
                        <a href="#" class="link__list">BUSINESS</a>
                    </li>
                    <li class="items__list">
                        <a href="#" class="link__list">DESIGN & UX</a>
                    </li>
                </ul>

No mais, ainda existem algumas inconsistências no estilo da página no seu projeto em comparação com o projeto desenvolvido em aula, então, lhe indico fazer uma comparação da sua configuração CSS no arquivo "header.css" com o da aula, a fim de resolver essas diferenças visuais.

Espero ter lhe ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

Muito obrigada!!!