margin do Flex já funciona atualmente? | Flexbox: posicione elementos na tela

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Valdney de Souza Nogueira Filho

| 369.3k xp | 23 posts

Front-end Developer

.conteudoPrincipal-cursos{
    display: flex;
    flex-wrap: wrap;
}
.conteudoPrincipal-cursos-link{
    width:23%;
}

usando apenas o código acima, ele já tirou as margins da esquerda e direita, o flex hoje já faz isso automático então pelo que parece?

1 resposta

solução!

por Diego Rodrigues Cravo Teixeira

| 168k xp | 361 posts

12/02/2020

Olá Valdney, tudo certo?

Sim, o .conteudoPrincipal-cursos-link fica sem margem. Para alinhar você pode usar as propriedades:

align-items e align-self

Por Padrão, o flex vem com alinhamento:

align-items: flex-start

Que coloca o item a esquerda.

Dá uma olhada nesse site que ele explica de uma maneira bem didática:

https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container

Qualquer coisa estamos aí.