Olá, eu estou com um pouco de dificuldade pois minha pagina está assim conforme a imagem mostra, vou mandar o meu html dessa seção e o CSS, pois não consigo encontrar o erro
<div class="destaques__categorias">
<ul class="destaques__categorias___lista">
<li class="destaques__categoria___item">
<a href="#" class="destaque__categoria___link">
<i class="destaques__categorias__icone fab fa-buromobelexpert"></i>
Aplicativos populares
</a>
</li>
<li class="destaques__categoria___item">
<a href="#" class="destaque__categoria__link">
<i class="fas fa-list-ol"></i>
Jogos populares
</a>
</li class="destaques__categoria___item">
<a href="#" class="destaque__categoria__link">
<i class="far fa-star"></i>
Em destaque
</a>
</li class="destaques__categoria___item">
<a href="#" class="destaque__categoria__link">
<i class="far fa-bell"></i>
Lançamentos
</a>
</li>
</ul>
</div>
''.destaques__categorias { grid-column: 1 / 3; grid-row: 3 / 4; }
.destaques__categorias___lista { display: flex; flex-wrap: wrap; height: 100%; justify-content: space-between; }
.destaques__categoria___item { align-items: center; background: #fdfdfd; border-left: 5px solid transparent; color: #333333; display: flex; padding: 1rem; width: 50%; } ''
não consegui deixar o css como codigo aqui mas eu tentei