Entradas

Mostrando las entradas etiquetadas como FlexBox

Flexbox vs CSS Grid ¿Cuál debería usar y cuándo?

Imagen
Flexbox vs CSS Grid ¿Cuál debería usar y cuándo? Flexbox y CSS Grid son dos módulos de diseño de CSS que se han convertido en la corriente principal en los últimos años. Ambos nos permiten crear diseños complejos que antes sólo eran posibles aplicando hacks CSS y/o JavaScript. Flexbox y la CSS Grid comparten múltiples similitudes y muchos diseños pueden ser resueltos con ambos. Cuándo usarla es otra cuestión, sin embargo. 1 vs 2 dimensiones Un diseño  flex  también puede envolverse en múltiples filas o columnas y el flexbox trata cada fila o columna como una entidad separada, basándose en su contenido y en el espacio disponible. Por otro lado, CSS Grid permite trabajar en dos ejes: horizontal y vertical. La cuadrícula te permite crear diseños bidimensionales donde puedes colocar con precisión los elementos de la cuadrícula en celdas definidas por filas y columnas. Y, así es como el CSS funciona en la vida real. De hecho, podemos crear diseños bidimensionales con flex...