Cuadrícula para diseño, flexbox para componentes

¿Cuándo deberíamos recurrir a la cuadrícula CSS y cuándo deberíamos usar Flexbox? Rachel Andrew escribió sobre este enigma en 2016:

Flexbox sirve esencialmente para diseñar elementos en una sola dimensión: en una fila O en una columna. La cuadrícula sirve para diseñar elementos en dos dimensiones: filas Y columnas.

Ahmad Shadeed escribió una publicación en la que da el mismo consejo, pero desde un ángulo diferente. Sostiene que deberíamos usar grid para el diseño y flexbox para los componentes :

Recuerde que el método de diseño antiguo podría ser perfecto para el trabajo. El uso excesivo de flexbox o grid puede aumentar la complejidad de su CSS con el tiempo. No quiero decir que sean complejos, pero usarlos correctamente y en el contexto adecuado, como se explica en los ejemplos de este artículo, es mucho mejor.

Hablando de eso, también hay muchos ejemplos de diseño geniales en esta publicación.

Enlace directo →