¡ F A N T A S T I C O ! Paso a paso. Desde el verdadero inicio. Yoelvis te acompaña todo el tiempo y responde a la mayor parte de las dudas que suelen surgir al usar el grid.
Gracias a todos los que estuvieron en el estreno del video y a todos los que siguen el canal 🙌. Estoy preparando contenidos interesantes muchos de ellos basado en sus comentarios y recomendaciones. Quisiera saber qué les pareció el video y qué otros videos les gustaría que hiciera. Saludos 👋
Yoelvis, muchas gracias por la explicación y dedicación en la elaboración de los videos, te agradecería un mundo si pudieras explicar los menus laterales responsivos y los fixed o fijos con css grid
Excelente enseñanza, muy didáctica y de fácil comprencion, me ayuda mucho, estoy empezando a aprender y me despejo un poco la comprencion de maquetar, muchas gracias por tu aporte, José Sánchez de Venezuela.
2 ปีที่แล้ว +1
Excelente guía, jamás había usado el css grid, un saludo Yoelvis!
Mi hermano... No he encontrado persona que explique mejor que tú. Gracias por tu vocación y tu entrega a enseñar. Un abrazo desde Colombia. Amigo, tienes por ahí las notas sobres este tema?
Hola Yoelvis primero que nada muchísimas gracias por tu tiempo y por compartir tu conocimiento. La guía es super clara, explicas muy bien y la teoría antes de cada tema es muy buena. Me ha ayudado mucho para entender Grid. Genial los marcadores de posición jaja :D Saludos y el mejor de los éxitos!
muchas gracias por este video ¡¡¡ te agradezco el tiempo que le dedicaste, lo valoro mucho. explicas todo de forma excelente y se entiende ja. sigue así ¡¡¡
Sos tan genio , que asusta ! Estoy comenzando , hace 1 mes empecé un pequeño curso de html y css, si bien el profe es muy bueno y sabe . No puedo entender como unir el flex y grid. Por que nunca lo hizo en una misma clase . Si pudieras hacer un video hacer en la misma línea de código ambas cosas, te agradecería.
Crack! Felicitaciones por ese don que tienes de explicar tan fácilmente, tus videos son fantásticos, me han servido mucho en mi larga carrera de aprendizaje como web developer. Un abrazo!
Esta excelente Yoelvis, se podrá hacer un sitio básico con Grid CSS y Flexbox que sea adaptable a Celular y tableta, para ver en que momento usar una cosa y la otra, además que nos muestres mejores practicas ???
Hola Silvio, muy buena sugerencia, tengo pensado hacer un video con las diferencias entre grid y flexbox y cuándo usar uno u otro. Además está bueno lo de hacer un sitio con ambos muy buena recomendación, gracias.
Hola Luciano, si lo acepta pero los números negativos funcionan solo para el grid explícito, es decir, lo que tengas configurado con grid-template-columns y grid-template-rows, pero lo que es el grid implícito que son las filas o columnas que se generan de forma automática no soportas números negativos, saludos
Hola. Excelente tutorial, te queria consultar porque me pasa siempre que las columnas me quedan una debajo de la otra, en lugar de una al lado de la otra. uso grip-template-columns y siempre me queda asi. ¿porque crees que sea eso?. Gracias
Hola, fíjate que el grid maneja los elementos hijos de primer nivel, capaz los tienes mas anidados los elementos y por eso no agarra, puedes ver mejor en las herramientas de desarrollador del navegador
Excelente! Te pido que agregues algo (como en otros tutoriales tuyos) que lo haría mucho más útil aun: el enlace a los codigos parciales y/o definitivos, tanto en css como en html. Será factible? Gracias desde ya.
Hola Guillermo, creo que en este caso el código pasa por muchas etapas y tendría que ver la manera de compartirlas, de momento te comparto este codepen con el estado inicial para que puedas seguir el tutorial. Saludos codepen.io/ymulenll/pen/mdEvavE github: github.com/ymulenll/css-grid-guide
Hola, estoy aprendiendo HTML y CSS, mi pregunta es que si me conviene seguir sin grid o intentar agarrarle la mano al grid mas rapido, ya que por lo que veo, es mas facil y mas rapido que usar CSS comun
Muy buen turtorial yoelvis me quedo una duda, no me quedo claro respecto a lo de grid implicito y explicito te agradeceria si me podrias responder dandome una explicacion breve, saludos
Hola, el grid implícito son las filas y columnas que definimos de forma explícita utilizando por ejemplo grid-temate-columns y grid-template-rows. Mientras que el implícito son las partes que funcionan de forma automática y es el flujo que van a tener los elementos dentro del grid que no se definieron explícitamente, esta parte implícita se puede ajustar usando grid-auto-columns y grid-auto-rows.
Hola, el auto-fit no se aplica bien cuando yo lo utilizo, no sé si puede ser porque uso Chrome, porque no le encuentro otra explicación hice todo igual...
Hola Alfredo, si quieres me puedes pasar el css a ver, porque yo también pruebo todo con chrome y funciona perfecto, debe ser algún detalle que tienes diferente. Saludos
Les dejo este codepen por si desean ir haciendo el ejemplo conmigo:
codepen.io/ymulenll/pen/mdEvavE
¡ F A N T A S T I C O ! Paso a paso. Desde el verdadero inicio. Yoelvis te acompaña todo el tiempo y responde a la mayor parte de las dudas que suelen surgir al usar el grid.
gracias amigo, siempre vuelvo aqui para repasar cuando estoy haciendo un grid.
Yoel hermano !! este es el mejor video de grid (y que al fin puedo entender jeje) muchas gracias por compartir el contenido sigue asi 👍
El mejor tutorial de CSS GRID que he visto en youtube. Muchas gracias!
Gracias a todos los que estuvieron en el estreno del video y a todos los que siguen el canal 🙌. Estoy preparando contenidos interesantes muchos de ellos basado en sus comentarios y recomendaciones. Quisiera saber qué les pareció el video y qué otros videos les gustaría que hiciera. Saludos 👋
Yoelvis, muchas gracias por la explicación y dedicación en la elaboración de los videos, te agradecería un mundo si pudieras explicar los menus laterales responsivos y los fixed o fijos con css grid
Gracias Yoelvis, excelente trabajo!
Excelente enseñanza, muy didáctica y de fácil comprencion, me ayuda mucho, estoy empezando a aprender y me despejo un poco la comprencion de maquetar, muchas gracias por tu aporte, José Sánchez de Venezuela.
Excelente guía, jamás había usado el css grid, un saludo Yoelvis!
excelente explicacion la mejor que vi en youtube
Muchísimas gracias Yoelvis. Siempre me salvas el día cuando tengo alguna duda con mis estudios. 🎉🎉
No había entendido el maquetado con grid y nadie daba un explicación tan clara y entendible como la suya. Genial es un genio.
No entiendo como no tienes mas vista!
Vas a un excelente ritmo y abarcas mucho en cada uno de tus videos.
explicas de manera clara y sencilla, buen video y buen canal, sigue asi
Este video vale oro. Excelente. Muchas gracias por tu explicación.
Usted, amigo mío, enseña demasiado bien y eso me hace motivarme más aún en seguir en este mundo de la programación. Gracias!
Excelente. Saludos y bendiciones desde Colombia. (y)
este es el mejor tutorial de grid de internet
Necesitaba algo de repaso y me cayó como anillo al dedo. Muchas gracias Yoelvis, bien estructurado y calidad de contenido. +1 Sub
Excelentes tus videos, super claro.
Excelente el mejor, ya lo comparti!
Excelentemente bien explicado para mí. Gracias por compartir
Excelente, muchas gracias por compartir.
Me llevo varias cosas de tu video!!
Lo felicito por esa forma de explicar, y esas gráficas para uno tenerlas..
Eres un gran maestro..
Tienes un seguidor mas
Muy bueno muchas gracias
Esta potente ese Grid la verdad, buen tutorial extraordinario
Mi hermano... No he encontrado persona que explique mejor que tú. Gracias por tu vocación y tu entrega a enseñar. Un abrazo desde Colombia.
Amigo, tienes por ahí las notas sobres este tema?
Se te entiende todo perfectamente y explicaste de todo, muchas gracias, me sirvió un montón!
Hola, excelente explicación, muchas gracias
Muy buen video y excelente explicación tienes un nuevo suscriptor y seguidor
que excelente contenido, mil gracias por compartir.
¡Demasiado bueno! Me encanta que expliques mucho la teoría! Muchas gracias por compartir tus conocimientos!
Hola Yoelvis primero que nada muchísimas gracias por tu tiempo y por compartir tu conocimiento. La guía es super clara, explicas muy bien y la teoría antes de cada tema es muy buena. Me ha ayudado mucho para entender Grid. Genial los marcadores de posición jaja :D Saludos y el mejor de los éxitos!
muchas gracias por este video ¡¡¡ te agradezco el tiempo que le dedicaste, lo valoro mucho.
explicas todo de forma excelente y se entiende ja. sigue así ¡¡¡
Gracias profe!! muy buena explicación, saludos!
Mil GRACIAS y MUCHAS BENDICIONES
buen curso :)
Gracias, estimado, lo veré completo, ambas recomendaciones!
gracias bro , buen contenido.
Sos tan genio , que asusta ! Estoy comenzando , hace 1 mes empecé un pequeño curso de html y css, si bien el profe es muy bueno y sabe . No puedo entender como unir el flex y grid. Por que nunca lo hizo en una misma clase . Si pudieras hacer un video hacer en la misma línea de código ambas cosas, te agradecería.
Eres un crack!!
Excelente video, bastante completo. Gracias Yoelvis.
Crack! Felicitaciones por ese don que tienes de explicar tan fácilmente, tus videos son fantásticos, me han servido mucho en mi larga carrera de aprendizaje como web developer. Un abrazo!
Muchas gracias por compartir!
eres el mejor!
Excelente!!!!
Esta excelente Yoelvis, se podrá hacer un sitio básico con Grid CSS y Flexbox que sea adaptable a Celular y tableta, para ver en que momento usar una cosa y la otra, además que nos muestres mejores practicas ???
Hola Silvio, muy buena sugerencia, tengo pensado hacer un video con las diferencias entre grid y flexbox y cuándo usar uno u otro. Además está bueno lo de hacer un sitio con ambos muy buena recomendación, gracias.
@@YoelvisM Acá lo vamos estar esperando!!! Gracias Yoelvis
Concuerdo contigo amigo 👌🏼
grande amigo
Hola Yoelvis, !! te consulto .. (31:50 lineas con numeros negativos), por que no acepta un "grid-row: 1 / -1" ?
Hola Luciano, si lo acepta pero los números negativos funcionan solo para el grid explícito, es decir, lo que tengas configurado con grid-template-columns y grid-template-rows, pero lo que es el grid implícito que son las filas o columnas que se generan de forma automática no soportas números negativos, saludos
@@YoelvisM gracias! claro y útil tus videos, felicidades!
@@lucianozanella2988 muchas gracias!
Awesome!!!
Tu puedes hacer un vídeo con carro de compra?
great tutorial. what editor do you use at this presentation? thanks
Thanks, I use Visual Studio Code
Hola. Excelente tutorial, te queria consultar porque me pasa siempre que las columnas me quedan una debajo de la otra, en lugar de una al lado de la otra. uso grip-template-columns y siempre me queda asi. ¿porque crees que sea eso?. Gracias
Hola, fíjate que el grid maneja los elementos hijos de primer nivel, capaz los tienes mas anidados los elementos y por eso no agarra, puedes ver mejor en las herramientas de desarrollador del navegador
Gracias!!! :D
El destino me a traído aquí
Excelente! Te pido que agregues algo (como en otros tutoriales tuyos) que lo haría mucho más útil aun: el enlace a los codigos parciales y/o definitivos, tanto en css como en html. Será factible? Gracias desde ya.
Gracias por la recomendación
Hola Guillermo, creo que en este caso el código pasa por muchas etapas y tendría que ver la manera de compartirlas, de momento te comparto este codepen con el estado inicial para que puedas seguir el tutorial. Saludos
codepen.io/ymulenll/pen/mdEvavE
github: github.com/ymulenll/css-grid-guide
Sería bueno saber. Que es css grid.
Hola, estoy aprendiendo HTML y CSS, mi pregunta es que si me conviene seguir sin grid o intentar agarrarle la mano al grid mas rapido, ya que por lo que veo, es mas facil y mas rapido que usar CSS comun
Aprende ambos, grid como flexbox
Muy buen curso. Eres Cubano?? Saludos y te sigo.
Hola amigo si soy cubano, saludos
Muy buen turtorial yoelvis me quedo una duda, no me quedo claro respecto a lo de grid implicito y explicito te agradeceria si me podrias responder dandome una explicacion breve, saludos
Hola, el grid implícito son las filas y columnas que definimos de forma explícita utilizando por ejemplo grid-temate-columns y grid-template-rows. Mientras que el implícito son las partes que funcionan de forma automática y es el flujo que van a tener los elementos dentro del grid que no se definieron explícitamente, esta parte implícita se puede ajustar usando grid-auto-columns y grid-auto-rows.
@@YoelvisM Gracias amigo
Hola, el auto-fit no se aplica bien cuando yo lo utilizo, no sé si puede ser porque uso Chrome, porque no le encuentro otra explicación hice todo igual...
Hola Alfredo, si quieres me puedes pasar el css a ver, porque yo también pruebo todo con chrome y funciona perfecto, debe ser algún detalle que tienes diferente. Saludos
Cómo haces para comentar rapido?
Hola Kevin. En vscode el atajo para comentar/descomentar es *Ctrl + /*
Genial! Gracias c:
Eres cubano?
Si 🇨🇺
Me ha dado mucha alegria encontrar tutoriales que hace un programador cubano. Estas salvando mi batalla con el Grid! Gracias :)@@YoelvisM