Boa noite, quando adiciono a propriedade flex-wrap:wrap igual como o instrutor fez no vídeo aproximadamente no minuto 7:00 a lista não ficou centralizada dividindo os espaços igualmente como no vídeo, ela colou toda na esquerda deixando um grande espaço a direita sobrando(inspecionei a imagem para mostrar a diferença do lado esquerdo da página pro direito). Como eu poderia corrigir isso e o espaço distribuido de forma que fique tudo centralizado?
hoje, com a Alura e o Google Gemini
Seguindo mais um pouquinho o vídeo aproximandamente aos 8:00 alterei igual o instrutor a width de 20 para 25% e o resultado foi esse aqui
Código das classes
.conteudoPrincipal-cursos{
display: flex;
flex-wrap: wrap;
}
.conteudoPrincipal-cursos-link{
width: 25%;
}
Oi Ian, tudo bem? O meu funcionou bem quando ajustei a width e a margin.
.conteudoPrincipal-cursos-link {
width: 23%;
margin: 1%;
}