Olá! A minha seção de tópicos visitados recentemente, está resultando em itens desorganizados.
Index:
<section class="topicos">
<h2 class="topicos__titulo">TÓPICOS VISITADOS RECENTEMENTE</h2>
<ul class="topicos__lista">
<li class="topicos__itens">
<a href="#" class="topicos__link">Android</a>
</li>
<li>
<a href="#" class="topicos__link">Agile</a>
</li>
<li>
<a href="#" class="topicos__link">Startups</a>
</li>
<li>
<a href="#" class="topicos__link">HTML & CSS</a>
</li>
<li>
<a href="#" class="topicos__link">Python</a>
</li>
<li>
<a href="#" class="topicos__link">OO</a>
</li>
<li>
<a href="#" class="topicos__link">Java</a>
</li>
<li>
<a href="#" class="topicos__link">Marketing Digital</a>
</li>
</ul>
</section>CSS:
.topicos {
background: var(--azul-degrade);
text-align: center;
}
.topicos__titulo {
color: var(--cor-branca);
font-weight: 300;
}
.topicos__lista {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.topicos__itens {
margin: 2em 0.5em;
}
.topicos__link {
color: var(--cor-branca);
padding: 1em;
background-color: var(--cor-laranja);
}
