Galería de imágenes responsive con CSS Grid
Вставка
- Опубліковано 19 вер 2024
- Otros ejemplos con css grid
• Diseñando tabla con CS...
Glaeria Object fit
• Galería de imágenes co...
Síguenos en facebook: / jygproyectosweb
Únete a nuestro grupo:
/ 1639298496227219
Síguenos en Twitter:
/ jygproyectosweb
Apóyanos con un me gusta y compartiendo este video, muchas gracias a todos :)
Hermano sos un grande! Me facilitaste la existencia en 10 minutos! Me explicaron grids como si fuera chino. Gracias!
Hola. Por años he sido autodidacta en cuanto al diseño y creación de paginas web. He visto montones de videos de como hacer las cosas y JAMAS me había encontrado con alguien que explicada tan claramente las cosas. Tengo semanas batallando en proyecto para hacer una galería de fotos que funcione en diversos dispositivos. Gracias a ti, tengo una estupenda herramienta para probar. Mil gracias por compartir y mil bendiciones por tu buena disposición.
Saluditos venezolanos.
Hola, soy estudiante de programación, me estoy preparando para ser un full stack. Por suerte , me encontré con tu vídeo, ya que me ayudo muchísimo con GRID y responsive. Este tema fue lo mas complejo de la cursada. Te quería agradecer, porque pude avanzar con mi proyecto. Me ayudaste un montón, por eso te escribo. Gracias, un gran abrazo! (+1 susc) :D
Sigo tus videos desde hace 4 años y créeme, me han servido mucho, eres conciso , claro y ameno.
Saludos desde México!!!
Me gustan sus videos .. La forma de como explica es unica 🌟 .. Ahora que estoy en clases estoy ingenieros no explican de esa manera .. Pero aquí si .. Excelente video .. Saludos 🌟
Hola Juan Carlos! Te acabo de conocer, ya que estaba buscando ayuda para un proyecto de clase sobre CSS Grid y gracias a tu vídeo he podido entenderlo al fin. Muchas gracias!!
GRACIAS PAPA! SOS UN CAPO, ME HICISTE SALIR DE UN LOOP EN DONDE NO PODIA SOLUCIONAR MI PROYECTO! ABRAZO!
Muchas gracias, de hecho creo que explicas mejor que mis profes de programación!!
Maestro vi muchos videos de css explicando grid , y sin duda este fue el que mas me aclaro su uso muchas gracias y me suscribo
¡¡¡ GRACIAS, GRACIAS, GRACIAS !!!
Entendí a la primera.
No se puede explicar mejor.
Like y me suscribo.
Brutal el video!!! lo estoy usando para una tarea y le agregue un hover sobre las imágenes, aún me da problemas pero la base que nos estas enseñando es increíble. Gracias!!
Excelente, gracias! Eres mi héroe, gracias por compartir tus conocimientos, miles de diseñadores te amamos, eres grande, un ángel, gracias!!!
Gracias genio!!! el object-fit es oro puro!!!
muchas gracias por tu explicacion, me ayudo a poder realizar una tarea de mi escuela, fue de mucha ayuda, gracias.
Joya de video para los iniciantes, gracias amigo.
tus videos me ayudaron mucho cuando estuve en la escuela...Gracias!
Saludos desde Costa Rica! Muchas gracias por tus tutoriales
excelente en mas de una ocasión tus vídeos me han ayudado con algunos trabajos gracias!
Un genio total
prosor que buen video, recién descubro tu canal.
excelente explicación
Excelente video estimado, tus tutoriales siempre me inspiran a seguir por este sendero
GENIAL. Super util, lo de las media queries, Emmet, todo tan claro ha sido compa. Gracias
Muchas gracias por publicar este contenido. Tremendo trabajo!
Saludos desde Uruguay
genial 1 de la madrugada vamos diseñar :'v
Jajajaj a 2:30 vamos a diseñar
Excelente video y me encanta tu forma de hablar!
grandioso profe va con buen camino soy ricardo un alumno suyo , siga así profe , yo también tengo canal pero con 11 subs ajajajja .
Te ganaste el cielo del Grid ♥
Otro excelente vídeo!, muchísimas gracias! un abrazo!!!
Gracias por tus compartir tus conocimientos, que bueno que haya personas como tu que hacen contenido que sume a las personas saludos y muchos exitos
Que bien lo explica este crack
QUE CRACK, TENES UNA CALIDAD PARA ENSEÑAR ! 🤩
que bien explicas amigo.muchas gracias
Super bien explicado, Saludos.
Estupenda maquetación! Muy bien explicado. Gracias por el aporte.
Un espectaculo. Gracias, me sirvió un monton!
Tus videos son muy buenos, los explicas muy bien, saludos y gracias por compartir
Amigo tu canal es genial, he aprendido muchísimo. Sigue así!
Muy buen video, se explica bien y es entendible todo 10/10
muy buenos proyectos ,me ayudan bastante en mis cursos de diseño
Excelente video, un genio explicando. Gracias
Muy útil el contenido que siempre nos proporcionas. ¡gracias!
Gracias, muy util, me habian enseñado otra forma de diseñar la grilla, esta es mas eficiente
Super fácil de entender! Muchas gracias!!
Excelente.. Gran video, continua con el gran trabajo, he aprendido mucho!!
La verda que sos un genio, algun dia te invito un seco de cordero
Loco sos un genio lpm, gracias por existir ;,V
Que buen video! saludos desde Cancún México :)
Muchisimas gracias! Maravillosa explicación, muy claro todo! Te sigo :D
Gracias maestro!! saludos
Felicitaciones, muy bien explicado !
PROFE,ME RECONOCE? XD .Reportense los alumnos de este yutuberaso
oe juan pablo
sos un genio amigo, gracias
muy muy bueno el video. Me sirvio mucho
Excelente, didáctico, genial.
Saludos.
Vi este video el año pasado y me sirvio muchisimo ahora vuelvo xq no me acuerdo nads.. estuve mucho con react.js jaja
Giancarlos gracias por el video, me está sirviendo mucho para un proyecto de desarrollo web! una consulta, de casualidad usted enseñó diseño gráfico en systematic? me acuerdo haber llevado el curso con un profesor parecido a usted, solo lo digo porque llevar ese curso me impulsó a seguir explorando más áreas, fue mi punto de partida jejeje si es usted, mil graciass
Excelente contenido! Suscrito
EXCELENTE VIDEO
Gracias amigo por tu video me h a servido de mucha ayuda!! Saludos
me encnata aprender con jean carlos lo sigo desde el 2014
saludame jean carlos
que bien explicado esta.... Gracias!!!
Excelente video para aplicarlo en una galería con múltiples imágenes que se presentan en una página web, y me pregunto yo, como hago para que estas imágenes se acomoden en más de 1 columna o 1 fila si las imágenes la estoy descargando desde una base de datos?
Muy bueno! Gracias por compartir!
muy buen video de media qury ,es godddddddddddddddd
muchas gracias!
Muchas gracias por ese conocimiento
gacias genio, me carreaste
exelente video, explicas muy bien
Genio!
Brutal!
que groso amigooooooo me ensenaste un monton
Me salvaste la vida ajajsdjas, gracias :D
Gracias
Excelente gracias por ayudarme!!
Que genial, pero tengo una duda como hago para que la imagen dependiendo del tamaño de la pantalla cambie a otra imagen?
Tambien tengo otra duda como hago para que la foto 9 pase a la posicion 2 cuando la pantalla sea menor a 600px.
agradesco me ayuden con estas dudas, Un saludo.
Saludos, excelente gracias por el vídeo :)
Wooow genial !!!!!!
Acabou de ganhar mais um inscrito. Parabéns! Excelente explicação.
Graciaaaaaasssss
¡Genial!
genial hermano, gracias
Tengo una duda sobre el editor de brackets, Como puedo configurar el atajo de teclado para navegar por las pestañas porque es tedioso estar moviendose con el mouse vengo de sublime text y estoy acostumbrado a desplazarme entre las pestañas con alt+1.
Nose si sepas la respuesta te agradeceria mucho o si alguien lo supiera
.
un capo
1hr de CSS .. poseo un móvil y utilizo sololearn como editor y aprendizaje .. es decir se me complica un poco el aprendizaje por es teclado a veces te da palabras que no son es molesto..
Me ayudo un monton tu tutorial para resolver unas cuestiones, te hago una consulta,
yo debajo de cada foto tengo un hipervinculo, como hago para centrarlo a cada foto,
mil gracias!!
Muy bueno el vídeo
Hola, tus tutoriales son geniales, ¿Podrías hacer uno explicando sobre el cPanel? Más especificicamente sobre el phpmyadmin
Hola, podrías dar un ejemplo de como evitar el reflow de los img, si usas lazy-loading? Muchas Gracias. Muy buen video
alto crack
Le doy al tabulador y no me aparecen los enlaces de las imágenes
Gracias, crack
Hola, Si con grids se hace todo responsive ¿ hace falta poner mediaqueries ?.
bien saludos amigaso
Consulta sirve el atajo para Visual Studio??
Disculpe que editor de texto utiliza ?
Excelente contenido
7:07 *_Majoa_* (magia en japonés xd).
Que visor utilizas?
con que package realizas lo que hiciste en 4:22 ?
o tienes un tutorial de como hacer eso ?
como hago para que estas imágenes se acomoden en más de 1 columna o 1 fila si las imágenes la estoy descargando desde una base de datos?
Hola, amigo, no me funciona en los media query el ntn-child revisé y tengo las clases bien deifinidas, estoy trabajando con VSCode, me podrías ayudar, gracias