Excelente curso; Mi pregunta es si grid me permite hacer todo esto, entonces flex-box para que lo puedo usar?

Hola acasuarz,

Más que una cuestión de "gustos", creo que es importante señalar que flex-box o CSS Grid no deben considerarse como uno mejor que otro sino más bien. como dos herramientas más en nuestro haber. En ese sentido, el empleo de uno u otro no depende en su totalidad de nosotros, sino de la naturaleza y necesidades del proyecto. A mi parecer, la combinación de grid y flex-box en un sólo proyecto hace maravillas.

Saludos.

https://platzi.com/blog/flexbox-vs-css-grid-cual-es-la-diferencia/

Cuando quieras realizar una distribución lineal (1D) simple y algo libre Flex-box puede ser un aliado genial. Es cuestión de probar y ver en que circunstancias te viene uno o el otro mejor.

Claro que si es una distribución 2D ya de plano a que Grid podría ser mejor opción, aunque nunca decartes una opción sin argumentos (experiencia) de por medio.

Si se necesita un diseño que sus elementos se alineen en una sola dimensión (fila o columna) utiliza flexbox. Si por el contrario se necesita un diseño que tus elementos se alineen en 2 dimensiones (filas y columnas) utiliza Grid Es decir:

Si tenemos 5 elementos cards y utilizamos flex vemos que en la siguiente fila los dos elementos restantes 4 y 5 que no se acomodaron en el viewport de la pantalla pasan a ocupar todo el ancho de la segunda fila:

Si por el contrario queremos que los elementos cards ocupen la misma dimensión tanto en las filas como en las columnas utilizamos Grid Layout

Uno no es mejor que el otro, los dos módulos de caja se pueden complementar en un diseño.

Aquí el codepen https://codepen.io/JuanDiegoS/pen/wbLRaw

Debes tener en cuenta varias cosas, entre ellas, que el desarrollo de internet no es ordenado, es caótico, y muchas veces te encuentras que que puedes hacer lo mismo de varias maneras, porque varias personas detectaron esa necesidad y la solucionaron a su manera.

Yo uso flex box cuando no me quiero complicar la vida, display flex y justify content center y ya estuvo, alineacion horizontal, y uso grid cuando quiero algo mas elaborado, que me toma mas tiempo hacer y verificar, pero que necesita de esa sofisticacion, por ejemplo, para decirle al navegador, mira, en pc dejamelo de izquierda a derecha, pero en movil ponme este div arriba yasi

A mi se me hace una manera un poco mas ordenada, aunque es como dice el compañero @jaabanof, es cuestión de gustos.

Jesús Abano Ferrara gracias por la respuesta.

El Flex lo puedes usar para una gran cantidad de cosas. Prácticamente para lo mismo que usas en Grid, con Grid Layout parece ser más fácil, aunque solo es cuestión de gustos, de que forma te gusta más.