Solucionado
Bom dia, a minha classe "tópicos__lista" não está aceitando a propriedade "display: flex" por algum motivo, quando coloco ela não faz a lista ficar em flex container como deveria ficar e continua da mesma forma um intem de baixo do outro e não um do lado do outro.
https://github.com/luizhfari/alurabook
Podem me ajudar por favor?
Olá Luiz!
O erro está na linha que define a lista não ordenada (<ul>). Especificamente, há um > extra na definição da classe, o que está causando o problema.
<ul class="tópicos__lista>">
O correto seria:
<ul class="tópicos__lista">
Portanto, o código corrigido fica assim:
<section class="tópicos">
<h2 class="tópicos__titulo">TÓPICOS VISITADOS RECENTEMENTE</h2>
<ul class="tópicos__lista">
<li class="tópicos__item">
<a href="#" class="tópicos__link">Android</a>
</li>
<li class="tópicos__item">
<a href="#" class="tópicos__link">Marketing Digital</a>
</li>
<li class="tópicos__item">
<a href="#" class="tópicos__link">Agile</a>
</li>
<li class="tópicos__item">
<a href="#" class="tópicos__link">Startups</a>
</li>
<li class="tópicos__item">
<a href="#" class="tópicos__link">HTML & CSS</a>
</li>
<li class="tópicos__item">
<a href="#" class="tópicos__link">Python</a>
</li>
<li class="tópicos__item">
<a href="#" class="tópicos__link">OO</a>
</li>
<li class="tópicos__item">
<a href="#" class="tópicos__link">Java</a>
</li>
</ul>
</section>
Com essa correção, o seu HTML deve funcionar como esperado e seguir as instruções da aula, para customização da sessão de tópicos.
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Opa Victor, deu certo aqui, obrigado pela ajuda!!