What is better Flexbox or Grid Layout in css?

Question

What is the best? Flexion or Grid Layout? Para más información:
https://desarrolloweb.com/articulos/que-es-css-grid-layout.html?utm_content=buffer2cb27&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer

Answer 1

Con Flexbox sólo podías definir qué es lo que tenían que hacer los items en el eje horizontal o en el eje vertical. Cuando en el eje vertical u horizontal se terminaba el espacio, entonces los items se iban colocando dependiendo de las configuración de los atributos Flexbox. Por ejemplo, en el caso de usar flex-wrap, cuando llegaba un item que no cabía en la horizontal, se iba a la siguiente fila. Pero tú no controlas esas dos filas, los propios ítems son los que se van acomodando.

La diferencia en CSS Grid es que tienes realmente dos dimensiones. Tus casillas podrás decidir dónde quieres que se pongan, tanto en la horizontal como en la vertical, coordinando perfectamente las dimensiones de cada fila o columna, de manera global o perfectamente independiente. No necesitas hacer trucos, ni forzar que se queden sin sitio, realmente tienes el control detallado de la posición y dimensiones de cada elemento en cada eje.

Answer 2

Flexbox is Ideal for arranging items in the page freely
try to learn and practice