Responsive image gallery using CSS GRID | Adaptive design

Поделиться
HTML-код
  • Опубликовано: 11 дек 2024

Комментарии • 180

  • @YoelvisM
    @YoelvisM  4 года назад +27

    Les dejo este codepen con el ejemplo del video para que puedan probarlo y experimentar fácilmente:
    codepen.io/ymulenll/pen/poyYyzE
    Un abrazo a todos, gracias por seguir mi canal 👋

  • @srta.pantalones
    @srta.pantalones 2 года назад +6

    Tengo TDAH pero deseos de aprender a desarrollar. Me ha costado muchísimo centrarme y entender lo que me explican; a veces me siento tonta, y es que no todas las explicaciones las entiendo. Pero tú y tu manera de explicar me han facilitado no solo entender lo que explicas acá sino cómo utilizarlo con libertad a futuro. De verdad muchas gracias por todo tu valioso contenido. Suscrita.

  • @LauraOviedo-h7f
    @LauraOviedo-h7f 9 месяцев назад

    Es justo lo que necesitaba! Vi muchos videos y este definitivamente es el mejor. Muy bien explicado y muy completo. Muchas gracias!!

  • @horaciomanuli
    @horaciomanuli 5 месяцев назад

    MUCHÍSIMAS GRACIAS GENIO!!! EL CÓDIGO ES DE SUMA UTILIDAD PARA MÍ. TE AGRADEZCO ENORMEMENTE QUE BRINDES TUS CONOCIMIENTOS A LA GENTE QUE ESTÁ APRENDIENDO DISEÑO Y PROGRAMACIÓN. SALUDOS DESDE BUENOS AIRES!!! YA ME SUSCRIBO AL CANAL, Y TE SIGO EN GITHUB.

  • @yo_mastermind
    @yo_mastermind 4 года назад +3

    ¡Excelente video! La mejor explicación que he visto de CSS Grid y en escasos 15 minutos... Genial, te felicito!

  • @ian0783
    @ian0783 3 года назад +3

    Se ve que eres un tipo que sabe de lo que habla muy pero muy buen video me encanta tu canal.

  • @ipc1962
    @ipc1962 2 года назад

    Estaba buscando una solución; pero esto es super elegante!!!!

  • @raulernestosanchezperez1022
    @raulernestosanchezperez1022 7 месяцев назад

    100% RECOMENDADO. Agradecido por sus conocimientos estimado Yoelvis. Saludos.

  • @aristotelesprimero
    @aristotelesprimero Год назад +1

    diablos!!!, que estaba haciendo yo, en lugar de haber ido al cole hubiese empezado a estudiar html, css y js en el 2015 fackkkkk, que buen video YOE

  • @JLonuz
    @JLonuz 3 года назад +2

    Me gustó mucho este ejemplo, es súper fácil poder conocer y entender el poder de css grid! Espero que saques más videos de css grid, ya que recién estoy metiéndome. Me gusta poder hacer con css nativo estas cosas porque ya no dependemos de bootstrap u otros frameworks!

  • @huron6410
    @huron6410 2 года назад

    Me Lo Recomendaron Y La Verdad Es Que He Aprendido Perfectamente. Muchas Gracias Por Hacer Esta Calidad De Contenido. Te Deseo Lo Mejor Para Este Año.

  • @nataliaevelyncauda7226
    @nataliaevelyncauda7226 2 года назад

    EXCELENTE!!! Muchísimas gracias por compartir tus conocimientos!!!!!

  • @wledao
    @wledao 3 года назад +1

    Impecable la explicación, muy claro y pedagógico todo, y mostrando alternativas para entender cómo funciona en general. Aparte, compartiendo el código. Realmente muy bueno todo y muy generoso vos. Ya me suscribí, y te sigo en twitter. Te felicito, y muchas gracias por el video y el material!

  • @arianrodriguez8219
    @arianrodriguez8219 2 года назад

    Nada mas escuchar su acento supe de donde es... saludos de alguien proveniente del mismo país, que alegría descubrir su canal. Éxitos

    • @YoelvisM
      @YoelvisM  2 года назад +1

      gracias Arian 🇨🇺

    • @arianrodriguez8219
      @arianrodriguez8219 2 года назад

      @@YoelvisM con esfuerzo y constancia me adentré en este mundo, ha sido todo un reto pues soy graduado de rehabilitación, rubro muy lejano.

  • @Catto33
    @Catto33 Год назад

    Demasiado facil, codigo limpio y entendible.

  • @kikemaya7758
    @kikemaya7758 2 года назад

    Muchas gracias maestro. Me encantò el enfoque pràctico sobre còmo se usa grid en el mundo real. Bendiciones.

  • @alanrojas1398
    @alanrojas1398 3 года назад +3

    Estos videos son increíbles, buscando un tema en particular repase cosas que ni me acordaba. Gracias maestro!

  • @monicapablo2796
    @monicapablo2796 3 года назад +2

    Muy buena la calidad de tu trabajo. Espero mas videos. Gracias

  • @cdicho
    @cdicho 2 года назад

    Veo muchos videos para aprender pero la verdad tu nivel es excelente

  • @obitomadara9026
    @obitomadara9026 2 года назад

    muchas gracias profe acabo de terminar un master y estoy respasando lo aprendido con tus clases y son increibles un gran trabajo, un saludo

  • @yulltimoteo2769
    @yulltimoteo2769 Год назад

    Estoy aprendiendo a programar, pero en realidad eres demasiado Gozu!
    Felicidades!

  • @Max-tq1ig
    @Max-tq1ig 2 года назад

    Usted es increíble!! Es una fortuna tenerlo de maestro, gracias.

  • @JorgeGens
    @JorgeGens 3 года назад

    Buah, tremendo Yoelvis, gracias!

  • @glapuente
    @glapuente Год назад

    excelente, gracias por su tiempo y su paciencia

  • @sgmonda
    @sgmonda 3 года назад +1

    Muy bien explicado. Directo al grano. Chapó.

  • @davidrosenblum4079
    @davidrosenblum4079 2 года назад

    Increíble, maravilloso!!! Muchas gracias por esos trucazos CSS.

  • @encode2390
    @encode2390 2 года назад

    Hermano, que increíble video, muy completo

  • @yahyarahmandoost9816
    @yahyarahmandoost9816 6 месяцев назад

    Muy bien explicado genio . Muchas gracias
    😍😍😍

  • @josecontreraslara3259
    @josecontreraslara3259 2 года назад

    Me serviría mucho tu ayuda para mí pregunta, me encanta esto tienes un suscriptor

  • @danyamanzilla3654
    @danyamanzilla3654 2 года назад

    muchísimas gracias por compartir estos videos!!

  • @davidcarrerasalbacete510
    @davidcarrerasalbacete510 2 года назад

    Fantástico ejemplo. Gracias por compartir.

  • @oscarforastieri619
    @oscarforastieri619 3 года назад +1

    Exelente video Yoelvis, muy bien explicado y muy util; felicitaciones !!!

  • @alejandroobregon2834
    @alejandroobregon2834 4 года назад

    Que bueno ver a un cubano haciendo vídeos de programación, se nota la forma analítica, precisa de los ingenieros cubanos, buen vídeo, saludos.

    • @YoelvisM
      @YoelvisM  4 года назад

      Gracias Alejandro, saludos a ti también

  • @fungirak10
    @fungirak10 4 года назад +1

    Nuevo suscriptor, tu forma de enseñar es lo que reluce! gracias por el contenido de calidad.

    • @YoelvisM
      @YoelvisM  4 года назад +1

      muchas gracias por suscribirte, un saludo!

  • @nexts-shop
    @nexts-shop 2 года назад

    Excelente contenido. Mil gracias master. Simplifica el aprendizaje. Éxitos hermano

  • @gaballester
    @gaballester 3 года назад +1

    Excelente, siempre mosteando más de lo común. me encantó grid-auto-flow:dense no lo conocía!!! Te felicito, super claro y muy útil

  • @tidyodooy
    @tidyodooy 2 года назад

    Vos si que haces magia crack!!

  • @nemerieoutoftheshell9057
    @nemerieoutoftheshell9057 3 года назад

    Gracias Yoelvis! Muy buen video. De veras que al fin entiendo el CSS grid. Seguidora desde ya de tu canal.

  • @danielosorio5102
    @danielosorio5102 2 года назад

    Excelente me encantan sus videos, muy claros muy limpios.

  • @sergioabelhuanacchiritupa4842
    @sergioabelhuanacchiritupa4842 3 года назад +1

    Gracias hermano, estoy muy agradecido

  • @marianocamilli848
    @marianocamilli848 2 года назад

    Increible! Muchas Graciaaassss

  • @JLBayTV
    @JLBayTV 4 года назад +2

    Excelente vídeo, sigue así. Espero el próximo.

  • @edwincalderxn
    @edwincalderxn 4 года назад

    Excelente calidad de video, deberías tener millones de vistas.

    • @YoelvisM
      @YoelvisM  4 года назад

      Muchas gracias!!

  • @vanityzzz
    @vanityzzz 3 года назад +1

    estupendo, me esta sirviendo de mucha ayuda, gracias.

  • @egm5081
    @egm5081 3 года назад +1

    Muy bueno el video, muy bien explicado, muchas gracias!

  • @rocodev23
    @rocodev23 3 года назад

    GENIO!!! Aprendí Grid en 15 minutos y de paso iba probando cositas mientras te seguia en el video. Ya me suscribí y un like, voy a verme mas seguido tus videos explicas muy bien. Edit: Espero que saques ese video del maquetado, activo la campana jaja. :D

  • @elliotgaramendi
    @elliotgaramendi 10 месяцев назад

    Sin duda para hacer bentos está genial.

  • @jesusre8495
    @jesusre8495 2 года назад

    Increible, gracias!

  • @evamariazapanapari3040
    @evamariazapanapari3040 3 года назад

    Una explicación excelente felicidades😄

  • @davidferrand01
    @davidferrand01 3 года назад

    Excelente brot. Dios te bendiga, hacia adelante.

    • @YoelvisM
      @YoelvisM  3 года назад

      Dios te bendiga hermano, un abrazo

  • @virtualpyshop_py2603
    @virtualpyshop_py2603 8 месяцев назад

    Excelente tutorial. Muchas gracias

  • @Frank.E.J
    @Frank.E.J 4 года назад

    Mereces mil veces la cantidad de suscriptores que tienes!

    • @YoelvisM
      @YoelvisM  4 года назад

      Gracias 🙂, poco a poco voy creciendo, tengo muchas ideas de proyectos y cursos que según tenga tiempo los iré grabando, con el buen contenido de seguro crecen los suscriptores, un saludo y gracias por el apoyo

  • @tape...
    @tape... 3 года назад +1

    Muy fácil y práctico, mil gracias.

  • @erikamantilla2991
    @erikamantilla2991 3 года назад

    Eres genial ! muchas gracias por compartir en RUclips ! !

  • @ANTONYJORGEVELAGUERRA
    @ANTONYJORGEVELAGUERRA 8 месяцев назад

    Brutal! Muchas Gracias...

  • @jjav1978
    @jjav1978 3 года назад

    Espectacular!!!!

  • @Juancarloscr8
    @Juancarloscr8 2 года назад

    Que bien explicas, gracias por compartir tus conocimientos. Nuevo seguidor, saludos 🖖

  • @oscarquinterotellez592
    @oscarquinterotellez592 2 года назад

    Muy buen video hermano, nuevo sub! muy claro con la explicación y algo a destacar, que explicas las posibles vertientes

  • @Fabri_edits
    @Fabri_edits 2 года назад

    Muchas gracias amigo, explicas muy bien!

  • @danyamanzilla3654
    @danyamanzilla3654 2 года назад

    maravilloso video!!

  • @teczervice
    @teczervice 3 года назад

    Muy bueno y clara la explicación, gracias

  • @manuelalejandrorodriguezhe5784
    @manuelalejandrorodriguezhe5784 4 года назад

    muy buen vídeo corto y muy productivo, saludos desde Liencres 🙌

  • @luismaocampo7866
    @luismaocampo7866 3 года назад +1

    Se gano un sub camarada

  • @ernepazzo1212
    @ernepazzo1212 3 года назад

    Excelente video. Gracias!!!

  • @cristiansantana4431
    @cristiansantana4431 3 года назад

    muchas gracias amigo ¡¡ excelente explicación me sirve mucho ¡¡ sigue así...

  • @martimarti5462
    @martimarti5462 2 года назад

    Excelente! muchas gracias

  • @hernanramirezweb
    @hernanramirezweb 2 года назад

    Excelente explicación

  • @eliassantos8982
    @eliassantos8982 3 года назад

    Excelente video!!! muy bien explicado. Gracias por compartir su saber. Dios lo bendiga!!!

  • @alexistorrealba6962
    @alexistorrealba6962 Год назад

    Excelente contenido felicitaciones.

  • @CarlosMorales-kb1hd
    @CarlosMorales-kb1hd 2 года назад

    Excelente video amigo.

  • @carlosgiraldez1352
    @carlosgiraldez1352 4 года назад

    Gracias, muy bueno todavía hay mucho por aprender.

  • @franklinxavierrodriguezsan3359
    @franklinxavierrodriguezsan3359 3 года назад

    Excelente material

  • @marcodeev4168
    @marcodeev4168 4 года назад

    Excelente video hermano programador !!!

  • @juliokof
    @juliokof Год назад

    Buen video. Gracias!

  • @solo_andres_v
    @solo_andres_v 4 года назад

    Grande maestro, todo muy bien explicado, muchas gracias por compartir.

  • @MauroJH
    @MauroJH Год назад

    Impecable! Explicas para que sirve cada cosa. No he encontrado otro tan claro como vos.Gracias!
    Ahora consulto y perdón mí ignorancia...que son los span?. En la práctica los uso pero sin entender que como cuando y porque

  • @romer0797
    @romer0797 4 года назад

    excelente video, muchas gracias por la explicación!!

  • @luiscarlostrotta8119
    @luiscarlostrotta8119 3 года назад

    Excelente Yoelvis!!!! Muy didáctico y claro!!!! muchas gracias !!!!!!Consulto si tienes cursos de Java?, saludos desde Argentina!!!

  • @joelrcha3368
    @joelrcha3368 3 года назад

    chulada de video

  • @yoss9054
    @yoss9054 4 года назад

    .... súper!!...😊 gracias

  • @edgardoisla1427
    @edgardoisla1427 2 года назад

    Genio!

  • @maikelrosabal8330
    @maikelrosabal8330 4 года назад

    Exhilarating video Yoelvis, thanks.

    • @YoelvisM
      @YoelvisM  4 года назад

      Hola mi amigo, muchas gracias por el apoyo, que bueno que te gustó el video

  • @rodolfoyanz1094
    @rodolfoyanz1094 6 месяцев назад

    Gracias, por todo, para una página web puedo poner debajo del header o navbar y después y debajo de las img, el footer o una sección, gracias solo para aprender😊

  • @uncapo3106
    @uncapo3106 3 года назад

    Buenardo hermano

  • @ccencisoj
    @ccencisoj 3 года назад

    Excelente video

  • @henyfarfan3707
    @henyfarfan3707 4 года назад +1

    Saludos yoelvis desde Venezuela te saludamos casa de misericordia

    • @YoelvisM
      @YoelvisM  4 года назад +1

      Hola Heny, siempre los recuerdo con mucho cariño, un abrazo a la familia y hermanos por allá

    • @henyfarfan3707
      @henyfarfan3707 4 года назад +1

      @@YoelvisM que buenoooo por ak el cariño es el mismo verte así de feliz y haciendo lo que te gusta es grato Dios te guarde a ti y a tu amada esposa

  • @senixcode5601
    @senixcode5601 3 года назад +1

    genial

  • @emilianolus9215
    @emilianolus9215 3 года назад

    Excelente

  • @martinleandroarcuri117
    @martinleandroarcuri117 2 года назад

    sos el fuking dios!

  • @felipecarballodraw5278
    @felipecarballodraw5278 2 года назад

    Me quedo feisima mi version, pero al menos aprendi como hacerlo, muchas gracias

  • @TheMarckoz
    @TheMarckoz 3 года назад

    Buen contenido.

  • @enriqueatala2567
    @enriqueatala2567 Год назад

    Hola Elvis, muy buenos tutoriales... te pido vayas mas despacio para poder observar tus modificaciones y efectos en live server. Se puede enlazar que el contenido de cada celda del grid con el contenido de un registro de la tabla de datos de una base de datos recorriéndola?

  • @matiasamarilla6358
    @matiasamarilla6358 3 года назад

    Un capo.

  • @layomeza7881
    @layomeza7881 2 года назад

    excelente aporte, hacer un maquetado completo de una pagina para usarlo como plantilla

  •  3 года назад

    Muchas gracias!

  • @mitubo1970
    @mitubo1970 3 года назад

    Vaya... todo iba muy bien hasta 15:19 que decides añadir queries.... ¿Realmente son tan necesarias? ¿Podrías utilizar auto-fill/fit y minmax() como enseñaste en la parte teórica? Muchas gracias.

    • @YoelvisM
      @YoelvisM  3 года назад

      Hola, pues si que a veces son necesarias como en ese caso específico que quiero que se expandan de forma diferente las filas y columnas al tener más ancho, eso no lo puedes lograr con lo que comentas. Además creo que las media queries son bien prácticas y fáciles de utilizar en casos como estos. Saludos

  • @alexisbello6516
    @alexisbello6516 2 года назад

    Hola excelente video...
    Quisiera ver ese maquetado completo

  • @damianchoherrera4312
    @damianchoherrera4312 2 года назад

    GENIOOOOOO !!

  • @EbinLuan
    @EbinLuan 2 года назад

    excelente :)

  • @violetamazziotta6120
    @violetamazziotta6120 3 года назад +1

    super like

    • @YoelvisM
      @YoelvisM  3 года назад

      Gracias por el super like jeje, saludos