Entrar Ainda não tem acesso?
2
respostas

justify-content:baseline; Resolve

Referente ao curso Flexbox: posicione elementos na tela, no capítulo Grid principal e limitações do flexbox e atividade Terminando course grid

por Reinilson Oliveira Do Espirito Santo
| 119.7k xp | 10 posts
Desenvolvedor Web Front-end

Ao invés de usar nth-child para adicionar margem nos elementos das extremidades, eu usei o justify-content: baseline e resolvel perfeitamente o problema. O que vocês acham?

CÓDIGO HTML:

.conteudoPrincipal-cursos { display: flex; flex-wrap: wrap; justify-content:baseline;

} .conteudoPrincipal-cursos-link { margin-bottom: 1%; width: 23%; }

CÓDIGO DOM PROFESSOR:

.conteudoPrincipal-cursos-link:nth-child(4n) { margin-right: 0;

}

.conteudoPrincipal-cursos-link:nth-child(4n+1) { margin-left: 0;

}

2 respostas
por Lorena Garcia
| 8288.1k xp | 12128 posts
Alura Scuba Team Suporte Educacional

Oi Reinilson, tudo bem?

Muito obrigada por compartilhar com a gente a sua solução, que bom que você está praticando outras formas para resolver problemas.

Sinta-se sempre livre para compartilhar dicas e sugestões aqui no fórum.

Continue os bons estudos.

Um abraço.

por Alex Medeiros de Sá Teles
| 101.6k xp | 27 posts
Enfermeiro Auditor

Boa noite Reinilson, testei no meu código e deu certo!

Obrigado por compartilhar.