Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Boas práticas html

Gostei muito do curso no entanto fiquei com uma dúvida em relação ao menu tablet/desktop

O menu não ficou construído de forma estranha, visto termos tags diferentes de li de pois de ul ou seja:

<ul class="opcoes">
                <input type="checkbox" id="opcoes-menu" class="opcoes__botao">
                <label for="opcoes-menu" class="opcoes__label">
                    <li class="opcoes__item">Categoria</li>
                </label>
                <ul class="lista-menu">
                    <li class="lista-menu__item">
                        <a href="#" class="lista-menu__link">Programação</a>
                    </li>                    
                </ul> 
                <li class="opcoes__item"><a href="#" class="opcoes__link">Favoritos</a></li>                
            </ul>
Não deveria ser montado como
<ul>
    <li>
    ......
        <ul>
            <li>.....</li>
        </ul>
    </li>
</ul>
1 resposta
solução!

Oi estudante, tudo bem?

Ficamos felizes que você gostou do curso.

O código segue uma estrutura válida para criar um menu de navegação. A tag ul é usada para agrupar uma lista de itens (li) relacionados. Nesse caso, a primeira ul com a classe "opcoes" é o contêiner principal do menu de navegação e contém a primeira opção de menu, que é representada por um label contendo um input do tipo checkbox e um li para exibir o texto "Categoria".

Dentro do label, temos uma segunda ul que é a lista dropdown real, contendo a lista de itens que serão exibidos quando a opção "Categoria" for clicada. Cada item de lista é representado por umli que contém um link a.

E então temos a última opção de menu é um simplesli com um link a para "Favoritos".

Embora a estrutura que você sugeriu também seja válida, ela é mais adequada para uma lista plana de itens, em vez de um menu dropdown hierárquico.

Resumindo: a estrutura do menu depende do objetivo e da funcionalidade que você deseja implementar.

Espero que tenha te ajudado.

Um abraço e bons estudos.