Galería de imágenes responsive con CSS Grid

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 :)

[@AEagle-ve]

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.

[@diegoromero275]

Hermano sos un grande! Me facilitaste la existencia en 10 minutos! Me explicaron grids como si fuera chino. Gracias!

[@esthergonzalezperera4572]

me acabas de salvar el cuatrimestre, muchísimas gracias, nueva subscriptora

[@MrEminxd]

GRACIAS PAPA! SOS UN CAPO, ME HICISTE SALIR DE UN LOOP EN DONDE NO PODIA SOLUCIONAR MI PROYECTO! ABRAZO!

[@maytearenal7206]

¡¡¡ GRACIAS, GRACIAS, GRACIAS !!! Entendí a la primera. No se puede explicar mejor. Like y me suscribo.

[@cconnttalgo]

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

[@Heisusin]

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!!

[@izquemia]

Sigo tus videos desde hace 4 años y créeme, me han servido mucho, eres conciso , claro y ameno. Saludos desde México!!!

[@cesarsalazar5932]

muchas gracias por tu explicacion, me ayudo a poder realizar una tarea de mi escuela, fue de mucha ayuda, gracias.

[@leoespinoza6444]

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 🌟

[@frannnSZSZ]

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!!

[@rogeliioburgos7848]

excelente en mas de una ocasión tus vídeos me han ayudado con algunos trabajos gracias!

[@renzomilanesi1919]

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

[@jnicoosses]

GENIAL. Super util, lo de las media queries, Emmet, todo tan claro ha sido compa. Gracias

[@amandla1020]

prosor que buen video, recién descubro tu canal. excelente explicación

[@cesarvenegas2951]

tus videos me ayudaron mucho cuando estuve en la escuela...Gracias!

[@danmorug9156]

Saludos desde Costa Rica! Muchas gracias por tus tutoriales

[@Angelito878]

Muchas gracias por publicar este contenido. Tremendo trabajo! Saludos desde Uruguay

[@giovannibuglione3211]

Te ganaste el cielo del Grid ♥

[@karlacabanas7724]

Muchas gracias, de hecho creo que explicas mejor que mis profes de programación!!

[@gonzaotc]

Excelente video y me encanta tu forma de hablar!

[@alvarodure303]

Joya de video para los iniciantes, gracias amigo.

[@luisfernandoescobar2131]

Excelente, gracias! Eres mi héroe, gracias por compartir tus conocimientos, miles de diseñadores te amamos, eres grande, un ángel, gracias!!!

[@bdurand1990]

Gracias genio!!! el object-fit es oro puro!!!

[@kaniltazo]

Super bien explicado, Saludos.

[@su4rezl]

grandioso profe va con buen camino soy ricardo un alumno suyo , siga así profe , yo también tengo canal pero con 11 subs ajajajja .

[@Andresito1]

Un genio total

[@hectorsena2110]

QUE CRACK, TENES UNA CALIDAD PARA ENSEÑAR ! 🤩

[@kevinbarboza5772]

Muy buen video, se explica bien y es entendible todo 10/10

[@danielchemello9149]

Que bien lo explica este crack

[@eduardobautista2975]

La verda que sos un genio, algun dia te invito un seco de cordero

[@marcoslagna4532]

que bien explicas amigo.muchas gracias

[@electrotuber7314]

Un espectaculo. Gracias, me sirvió un monton!

[@joseluisalvarez8943]

Tus videos son muy buenos, los explicas muy bien, saludos y gracias por compartir

[@diegorossi7822]

Excelente video, un genio explicando. Gracias

[@alexis25molina]

Excelente video estimado, tus tutoriales siempre me inspiran a seguir por este sendero

[@davidm.8835]

Estupenda maquetación! Muy bien explicado. Gracias por el aporte.

[@jorgeanguiano4741]

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

[@Ronnielas]

Gracias, muy util, me habian enseñado otra forma de diseñar la grilla, esta es mas eficiente

[@Diego-jc9ls]

Amigo tu canal es genial, he aprendido muchísimo. Sigue así!

[@amongrandom5231]

PROFE,ME RECONOCE? XD .Reportense los alumnos de este yutuberaso

[@su4rezl]

oe juan pablo

[@davidcardenas4325]

Muy útil el contenido que siempre nos proporcionas. ¡gracias!

[@ivocostilla]

Vi este video el año pasado y me sirvio muchisimo ahora vuelvo xq no me acuerdo nads.. estuve mucho con react.js jaja

[@joseemanuelchavez7213]

genial 1 de la madrugada vamos diseñar :'v

[@alexanderzambrano714]

Jajajaj a 2:30 vamos a diseñar

[@ecroneroner]

Que buen video! saludos desde Cancún México :)

[@rmurgaruiz]

Gracias amigo por tu video me h a servido de mucha ayuda!! Saludos

[@chui6251]

Super fácil de entender! Muchas gracias!!

[@joaquinroman1810]

muy muy bueno el video. Me sirvio mucho

[@rociomelgarzevallos6928]

muy buenos proyectos ,me ayudan bastante en mis cursos de diseño

[@xyz01265]

Muchisimas gracias! Maravillosa explicación, muy claro todo! Te sigo :D

[@adrianrojas6035]

Loco sos un genio lpm, gracias por existir ;,V

[@juanalonso2380]

Excelente.. Gran video, continua con el gran trabajo, he aprendido mucho!!

[@AlvaroTejerina]

Otro excelente vídeo!, muchísimas gracias! un abrazo!!!

[@cuervofran79]

Gracias maestro!! saludos

[@joseluissebastianavila9057]

Felicitaciones, muy bien explicado !

[@dinofabbro5589]

sos un genio amigo, gracias

[@josecontreraslara3259]

me encnata aprender con jean carlos lo sigo desde el 2014 saludame jean carlos

[@steveUX]

Excelente contenido! Suscrito

[@carloszacariasflorentin4447]

que bien explicado esta.... Gracias!!!

[@luciofontana3221]

Muy bueno! Gracias por compartir!

[@anapaulamoralesdulzaides9356]

exelente video, explicas muy bien

[@pedroriosruiz]

Excelente, didáctico, genial. Saludos.

[@victoriarodriguez921]

EXCELENTE VIDEO

[@junioralfonsopaucartorres7128]

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

[@yheluma11uwu75]

muy buen video de media qury ,es godddddddddddddddd

[@alfon5290]

Excelente gracias por ayudarme!!

[@laurajmelendez2628]

muchas gracias!

[@danilomereles6671]

Me salvaste la vida ajajsdjas, gracias :D

[@gonzalolivetti6893]

gacias genio, me carreaste

[@erikacacais1133]

Saludos, excelente gracias por el vídeo :)

[@joackosolar5669]

que groso amigooooooo me ensenaste un monton

[@alexeyalvarez4480]

Muchas gracias por ese conocimiento

[@michellexiomara3362]

Que visor utilizas?

[@MJHE73]

Gracias

[@adriano0121]

Acabou de ganhar mais um inscrito. Parabéns! Excelente explicação.

[@chentejoshuavalenzuela]

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?

[@ayeleniasich847]

Genio!

[@juliansabogal1370]

Brutal!

[@ivan5278]

Hola, Si con grids se hace todo responsive ¿ hace falta poner mediaqueries ?.

[@lucasvenezia213]

Consulta sirve el atajo para Visual Studio??

[@marketingteamdeveloper9151]

Wooow genial !!!!!!

[@orlandoquispe6373]

Disculpe que editor de texto utiliza ? Excelente contenido

[@svsamvalvi]

¡Genial!

[@silvinamarcantoni2441]

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!!

[@lliuya]

bien saludos amigaso

[@DanielAlvarez-rq5vu]

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 .

[@elsolidsnake88]

con que package realizas lo que hiciste en 4:22 ? o tienes un tutorial de como hacer eso ?

[@rojerlozano]

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.

[@tomass4045]

genial hermano, gracias

[@joelalegre666]

Muy bueno el vídeo

[@gabrielchaclan8098]

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?

[@melanygarcia3162]

Graciaaaaaasssss

[@fernoceti7254]

alto crack

[@germanpidote2439]

Hola, podrías dar un ejemplo de como evitar el reflow de los img, si usas lazy-loading? Muchas Gracias. Muy buen video

[@eliaslaise]

un capo

[@cyproxstudio6358]

un alma generosa que se pase el css yo lo hice pero no me lo agarra

[@AndyHHH7]

Hola, tus tutoriales son geniales, ¿Podrías hacer uno explicando sobre el cPanel? Más especificicamente sobre el phpmyadmin

[@bunnysenpai6349]

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..

[@andresalvarado1767]

Profe tengo un problema con media query. En mi computadora no funciona uno de por qué. Tengo el meta tag en el archivo html y tengo todo idéntico a tu código y no funciona. He buscado en google y no encuentro una respuesta. Estoy usando una MacBook Pro y no sé si será que por el sistema operativo no funciona. Espero me puedas ayudar y gracias por todos tus tutoriales son de mucha ayuda.

[@cristiannoguera1412]

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