Galería de imágenes responsive con CSS Grid
HTML-код
- Опубликовано: 12 июн 2020
- 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 :)
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.
Excelente, gracias! Eres mi héroe, gracias por compartir tus conocimientos, miles de diseñadores te amamos, eres grande, un ángel, gracias!!!
Sigo tus videos desde hace 4 años y créeme, me han servido mucho, eres conciso , claro y ameno.
Saludos desde México!!!
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
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, 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
Excelente video estimado, tus tutoriales siempre me inspiran a seguir por este sendero
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!!
Amigo tu canal es genial, he aprendido muchísimo. Sigue así!
Muchas gracias por publicar este contenido. Tremendo trabajo!
Saludos desde Uruguay
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!!
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
GRACIAS PAPA! SOS UN CAPO, ME HICISTE SALIR DE UN LOOP EN DONDE NO PODIA SOLUCIONAR MI PROYECTO! ABRAZO!
Muy útil el contenido que siempre nos proporcionas. ¡gracias!
Saludos desde Costa Rica! Muchas gracias por tus tutoriales
Excelente.. Gran video, continua con el gran trabajo, he aprendido mucho!!
tus videos me ayudaron mucho cuando estuve en la escuela...Gracias!
Estupenda maquetación! Muy bien explicado. Gracias por el aporte.
GENIAL. Super util, lo de las media queries, Emmet, todo tan claro ha sido compa. Gracias
Otro excelente vídeo!, muchísimas gracias! un abrazo!!!
Gracias genio!!! el object-fit es oro puro!!!
prosor que buen video, recién descubro tu canal.
excelente explicación
Tus videos son muy buenos, los explicas muy bien, saludos y gracias por compartir
Muchisimas gracias! Maravillosa explicación, muy claro todo! Te sigo :D
Joya de video para los iniciantes, gracias amigo.
excelente en mas de una ocasión tus vídeos me han ayudado con algunos trabajos gracias!
Te ganaste el cielo del Grid ♥
¡¡¡ GRACIAS, GRACIAS, GRACIAS !!!
Entendí a la primera.
No se puede explicar mejor.
Like y me suscribo.
Que buen video! saludos desde Cancún México :)
Un espectaculo. Gracias, me sirvió un monton!
Super bien explicado, Saludos.
Excelente video, un genio explicando. Gracias
Excelente, didáctico, genial.
Saludos.
Muchas gracias, de hecho creo que explicas mejor que mis profes de programación!!
Super fácil de entender! Muchas gracias!!
Felicitaciones, muy bien explicado !
Excelente video y me encanta tu forma de hablar!
que bien explicas amigo.muchas gracias
muchas gracias por tu explicacion, me ayudo a poder realizar una tarea de mi escuela, fue de mucha ayuda, gracias.
muy buenos proyectos ,me ayudan bastante en mis cursos de diseño
Que bien lo explica este crack
Muy buen video, se explica bien y es entendible todo 10/10
QUE CRACK, TENES UNA CALIDAD PARA ENSEÑAR ! 🤩
Que buena manera de explicar tienes!
Un genio total
grandioso profe va con buen camino soy ricardo un alumno suyo , siga así profe , yo también tengo canal pero con 11 subs ajajajja .
Loco sos un genio lpm, gracias por existir ;,V
Gracias amigo por tu video me h a servido de mucha ayuda!! Saludos
Muy bueno! Gracias por compartir!
Excelente contenido! Suscrito
sos un genio amigo, gracias
Saludos, excelente gracias por el vídeo :)
Gracias maestro!! saludos
muy muy bueno el video. Me sirvio mucho
Acabou de ganhar mais um inscrito. Parabéns! Excelente explicação.
EXCELENTE VIDEO
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
Hola, tus tutoriales son geniales, ¿Podrías hacer uno explicando sobre el cPanel? Más especificicamente sobre el phpmyadmin
exelente video, explicas muy bien
genial 1 de la madrugada vamos diseñar :'v
Jajajaj a 2:30 vamos a diseñar
Muchas gracias por ese conocimiento
que bien explicado esta.... Gracias!!!
Excelente gracias por ayudarme!!
Muy buen material y claro! Una consulta que breakpoints acostumbras a usar? Saludos desde Argentina.
Brutal!
Wooow genial !!!!!!
Genio!
genial hermano, gracias
Gracias, muy util, me habian enseñado otra forma de diseñar la grilla, esta es mas eficiente
¡Genial!
muchas gracias!
gacias genio, me carreaste
Muy bueno el vídeo
q grande papa me salvaste la vida jaja bien ahi mi loco
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?
alto crack
Me salvaste la vida ajajsdjas, gracias :D
Gracias, crack
La verda que sos un genio, algun dia te invito un seco de cordero
muy buen video de media qury ,es godddddddddddddddd
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!!
Disculpe que editor de texto utiliza ?
Excelente contenido
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
.
Vi este video el año pasado y me sirvio muchisimo ahora vuelvo xq no me acuerdo nads.. estuve mucho con react.js jaja
un capo
Que visor utilizas?
Graciaaaaaasssss
con que package realizas lo que hiciste en 4:22 ?
o tienes un tutorial de como hacer eso ?
Gracias
Consulta sirve el atajo para Visual Studio??
bien saludos amigaso
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.
me encnata aprender con jean carlos lo sigo desde el 2014
saludame jean carlos
que groso amigooooooo me ensenaste un monton
Hola, podrías dar un ejemplo de como evitar el reflow de los img, si usas lazy-loading? Muchas Gracias. Muy buen video
Hola, Si con grids se hace todo responsive ¿ hace falta poner mediaqueries ?.
PROFE,ME RECONOCE? XD .Reportense los alumnos de este yutuberaso
oe juan pablo
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
Hola puedes programar hacer un examen similar a Schoology con sus respectivas preguntas y que por otra parte ese mismo examen lo pueda hacer otro usuario cuando abra la página web (recalco, similar a schoology, requiero preguntas de falso/verdadero, opción múltiple y de ordenamiento)? es que he buscado por muchos lados y no encuentro como programar el examen. Te lo agradecería mucho