Aprende CSS Grid MUY FÁCIL con ejercicios

Otra vez me salvas la vida Midu. Cuando acabe de estudiar y me den chance a trabajar voy a poner una foto tuya en mi sitio de trabajo para que me guíe tu sabiduría.

Estoy haciendo un curso de desarrollo web, y lo de jugar con grid no me acababa de entrar. No hablemos ya de hacer un diseño responsive, que he tenido que meter media queries a palazos y aun así no me quedaba bien del todo. ¡Y resulta que, bien explicado, es hasta fácil! 😄 ¡Un vídeo magnífico! (P'a ti -->🥇)

Ya sabia grid pero ma ayuda a recordar y no olvidarme de cosas esenciales.

Una de las mejores personas que conoci y como enseña, nos salvas a miles y miles, mereces mas reconocimientos y ojala este canal crezca mucho mas, saludos desde argentina miduu

Excelente la explicacion , muy claro todo, felicitaciones

Este contenido es oro!!! Mil gracias. Eres muy bueno explicando y enseñando.

Qué maravilla!!! Mi segundo día aprendiendo CSS y HTML y me he encontrado con esta joya. Un montón de buenas prácticas!! hasta llego a sentir que es trampa ajaja gracias por compartir tus conocimientos. Acabas de ganar un nuevo suscriptor :)

Yo antes de ver como hacias el layout, intentandolo por mi cuenta, super contento por conseguirlo usando el grid-areas pero de forma 'normal' es decir indicando inicio y fin de fila y columna. Y de repente veo como lo has hecho y me he quedado como guuuuaaaaaaaaaaaaaaauuuuuuuuuu, mil gracias por estos videos, son super utiles, hacen que un novato como yo que llevo dos dias, tenga unos recursos muy interesantes

Aprendo más viendo tus videos mientras almuerzo que en una semana en el SENA (excepción de algunas clases). Midu ¡Eres un crack!

Enserio te agradezco vale la pena ver los videos completos explicas como ninguna otra persona, saludos 🎉

Midulive, esto de las CSS GRID es: MA-RA-VI-LLO-SO. gracias por enseñarnos esto.!

Que CRACK!!!, justo estaba pensando que necesitaba un minimo tecnico de GRID, y PUM!!!, apareces tu, Gracias, Slds desde CUBA!!!!

Muchas gracias, nadie nunca me había enseñado tales cosas tan fácilmente como tu, eres un GOD, espero poder aprender mas y algún día poder tener mi primer trabajo en una empresa y aplicar todo el conocimiento que nos ha otorgado de manera gratuita e incluso es mucho mejor que los cursos de pago que he visto en algunas plataformas

En realidad justify-items:normal se comporta de manera similar a start, y no a stretch. Si ponemos un tamaño fijo se ve que se colocan al inicio del contenedor. En este caso como has usado un tamaño de fracciones parece que se comporta como stretch, pero no es así. De todos modos el video es muy bueno y explicas super bien, a mi me has hecho comprender mejor grid. Gracias.

Midu con un bloque encima de otro, me salvaste la vida porque estaba matandome con el position absolute y este hack no lo sabía. Eres un grande sigue dándonos tus conocimientos!

Midu, te has lucido con tus últimos en-vivo. Muchas gracias.

Buenísimo el video y la explicación, te has ganado un nuevo suscriptor!!

Grande midudev me ayudaron bastante estos videos para terminar de repasar CSS. Muchas gracias por el contenido.

Ídolo, pasó volando la hora! Me estoy pegando una maratón con tus videos. Sos un capo explicando.

Otra condición para user flex o grid sería celdas variables, flex es muy bueno para celdas variables incluso sea bidimensionales en cambio grid es más para celdas fijas. Por ejemplo en un Hero de dos columnas unidimensionales es mejor usar grid, porque hace dos columnas de valores fijos, grid-template-column: 1fr 1fr; directo en el container sin necesidad de poner flex: 1 a sus hijos si es que usaras flex. Pero si quieres hacer un listado en horizontal y que los elementos se ordenen si hay espacio o no facilísimo con flex-wrap: wrap; y te da un resultado multidimensional pero de celdas variables, hacerlo con grid solo se me ocurre el grid-temaplate-column: repeat(autofit, minmax(4rem, 1fr)); muy complejo, pero igual te da columnas fijas.