grid

CSS grid es un sistema de diseño bidimensional que permite organizar elementos en filas y columnas de forma precisa, con control de separación para filas y columnas. A diferencia de flexbox, que se centra en la distribución en una sola dirección (fila o columna), grid facilita el control completo del layout en dos ejes. Su gran ventaja es que puedes definir estructuras complejas de forma sencilla y adaptable, con control sobre cantidad y tamaño de filas y columnas, espaciado y alineación de los elementos, reorganización del diseño en función de pantallas o dispositivos (responsive).