Durante as aulas venho sempre tentando desenvolver o projeto por mim mesmo antes de assistir as aulas, e quando chego em um determinado momento em que tenho duvida volto a assistir a mesma. Dessa vez estava assistindo a aula de vídeo número 10 (Lista de tópicos) e conclui por mim mesmo, mas de uma forma diferente da professora, no caso ela utilizou o elemento lista no html, e eu separei por div's e estilizei com flexbox.
Segue meu código:
<section class="topicos">
<div class="topicos__conteudo">
<h2 class="topicos__titulo">TÓPICOS VISITADOS RECENTEMENTE</h2>
<div class="topicos__links linha1">
<a class="topicos__links-link" href="#">Android</a>
<a class="topicos__links-link" href="#">Marketing Digital</a>
<a class="topicos__links-link" href="#">Agile</a>
</div>
<div class="topicos__links linha2">
<a class="topicos__links-link" href="#">Startups</a>
<a class="topicos__links-link" href="#">HTML & CSS</a>
<a class="topicos__links-link" href="#">Python</a>
</div>
<div class="topicos__links linha3">
<a class="topicos__links-link" href="#">OO</a>
<a class="topicos__links-link" href="#">Java</a>
</div>
</div>
</section>
código da professora:
<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 e 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>
Poderiam me ajudar? Por gentileza...
