Flexbox o Grid: ¿cómo deciden cuál usar?
TacoArquero
Nivel 2 ·
Sé usar los dos más o menos, pero cada vez que arranco un layout dudo. ¿Tienen alguna regla?
Respuestas 8
Yesenia P.
Nivel 3 ·
1 0 La regla clásica: flexbox para una dimensión (una fila o una columna), grid para dos dimensiones (filas y columnas a la vez).
Fabricio V.
Nivel 3 ·
1 0 Otra forma de pensarlo: con flexbox el contenido decide el tamaño y el layout se adapta. Con grid definís la estructura primero y el contenido se acomoda.
Benjamín R.
Nivel 3 ·
0 0 En la práctica uso grid para el layout general y para galerías de tarjetas, y flex para componentes: barras de navegación, botones con ícono, alinear cosas en una fila.
HechiceroCoyote
Nivel 3 ·
0 0 Las galerías con grid y repeat(auto-fill, minmax(250px, 1fr)) son magia. Responsive sin una sola media query.
DonDetective612
Nivel 2 ·
0 0 No son excluyentes. Un grid cuyos elementos son flex por dentro es lo más normal del mundo.
Facundo F.
Nivel 3 ·
0 0 Y gap ya funciona en flexbox en todos los navegadores modernos, así que chau a los márgenes negativos.
TacoArquero
Nivel 2 ·
0 0 Lo de 'el contenido decide' vs 'la estructura decide' me lo llevo. Gracias!
Benjamín F.
Nivel 3 ·
0 0 Si dudás, dibujalo en papel. Si te sale una cuadrícula, grid. Si te sale una fila de cosas, flex.