Boa tarde pessoal, tudo bem? Quero tirar uma duvida com vocês a respeito do topico TÓPICOS VISITADOS RECENTEMENTE. Fiz de outra maneira e isso pode ocasionar algum problema? ao invés de fazer por listas eu fiz por div's

Boa tarde pessoal, tudo bem? Quero tirar uma duvida com vocês a respeito do topico TÓPICOS VISITADOS RECENTEMENTE.

Fiz de outra maneira e isso pode ocasionar algum problema? ao invés de fazer por listas eu fiz por div's

    <h2 class="topicos-titulo">TÓPICOS VISITADOS RECENTEMENTE</h2><br>
    <div class="topicos-botao">
        <a class="topicos-edit-botao" href="#">Android</a>
        <a class="topicos-edit-botao" href="#">Marketing Digital</a>
        <a class="topicos-edit-botao" href="#">Agile</a>
    </div>
    <div class="topicos-botao">
        <a class="topicos-edit-botao" href="#">Startups</a>
        <a class="topicos-edit-botao" href="#">HTML & CSS</a>
        <a class="topicos-edit-botao" href="#">Python</a>
    </div>
    <div class="topicos-botao2">
        <a class="topicos-edit-botao" href="#">OO</a>
        <a class="topicos-edit-botao" href="#">Java</a>
</section>

CSS

.topicos{

background-image: linear-gradient(to right, #002F52,#326589  );

} .topicos-titulo{ padding-top: 1em; background-color:transparent; font-weight:100; color: var(--cor-branco); text-align: center; }

.topicos-edit-botao{ padding: 1em; background-color: var(--laranja); text-decoration: none; color: var(--cor-branco);

} .topicos-botao{ display: flex; justify-content: space-between; padding: 1em; font-weight: bold; } .topicos-botao2{ display: flex; justify-content: center; gap:1em; padding-bottom: 1em; font-weight: bold;

}

esse foi o resultado em anexo.