Em quais casos, o display grid é melhor que o flex?!
Em quais casos, o display grid é melhor que o flex?!
Fala aí Renato, tudo bem? Bom, vamos lá:
Geralmente o CSS Grid é mais recomendado para definir/criar layouts, basicamente quando precisamos posicionar os elementos na tela. Com ele, simplesmente dizemos onde os queremos ou onde eles começam/terminam.
Com o flexbox
, geralmente fazemos distribuição e alinhamento de elementos, não precisamos nos preocupar em alinhar ou definir as dimensões dos nossos elementos. O flexbox
faz isso de forma muito bem feita.
Em outras palavras: O CSS Grid é muito bom para trabalhar com duas dimensões (coluna e linha), já o flexbox
é muito bom para trabalhar em uma única dimensão (linha ou coluna).
Claro que podemos utilizar CSS Grid para uma dimensão e flexbox
para duas, mas, eles são melhores em suas especialidades.
Espero ter ajudado.
Obrigado pela explicação Matheus!
Mágina Renato, sempre que precisar não deixe de criar suas dúvidas.
Abraços