¿Flexbox frente a Grid?
Opciones
- Flexbox es bidimensional; Grid es unidimensional
- Flexbox es unidimensional; Grid es bidimensional (Opción correcta)
- Son idénticos en los diseños que crean
- Grid solo funciona con elementos de tabla en el DOM
Respuesta
Flexbox organiza en una dimensión (fila o columna); Grid controla filas y columnas a la vez
Por qué
Flexbox coloca los elementos en UNA dirección, fila o columna, y es ideal para barras de herramientas, menús y centrar cosas.
Grid coloca los elementos en filas Y columnas a la vez, ideal para el diseño de páginas y galerías de tarjetas.
A menudo se combinan: un diseño de página con Grid y Flexbox dentro de cada tarjeta.
Recuerda
Flexbox = una dirección. Grid = dos direcciones.