Entrar Ainda não tem acesso?
3
respostas

Na aula 3 "Arrumando course grid" margin-bottom não está sendo aplicado no FireFox e no Edge

Referente ao curso Flexbox: posicione elementos na tela, no capítulo Grid principal e limitações do flexbox e atividade Como espaçar corretamente os elementos de um grid

por Guilherme
| 232k xp | 22 posts

Eu segui todas as instruções corretamente, no google Chrome nem foi necessário botar o código como foi explicado no curso pois o flexbox não botou o espeçamento entre os dois últimos elementos, botei o seguinte código

.conteudoPrincipal-cursos{
    display: flex;
    flex-wrap: wrap;

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

No google Chrome tive o resultado desejado mas no firefox e no edge os elementos que ficam embaixo dos outros estão colados(apenas nesse grid estou tendo esse problema), e coloco o margin-bottom como no curso e não mudou nada

3 respostas
por Vagner Kugelmeier Tondello
| 147.2k xp | 49 posts
Desenvolvedor Web

Tentou colocar padding-bottom no lugar de margin-bottom??

por Guilherme
| 232k xp | 22 posts

Não funciona também Vagner, o problema é resolvido quando coloco px ao invés de % no firefox, não sei qual o motivo.

por Vagner Kugelmeier Tondello
| 147.2k xp | 49 posts
Desenvolvedor Web

Está ai mais uma coisa a pesquisar não tinha me deparado com tal situação ainda. Não sei seu motivo por buscar o curso de flexbox, mas uma dica se pretende continuar aprendendo nessa área recomendaria estudar o bootstrep4 vai auxiliar com as grid e agora utiliza o flexbox na ferramenta.