🟦 Aprende CSS Grid Layout en menos de 15 Minutos

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2021
  • ¿Quieres aprender CSS Grid Layout de la mejor forma posible?
    👇👇 ACCEDE al CURSO GRATIS
    bit.ly/3cn5XnB
    🎁 GUIA GRATIS: 5 Técnicas de ChatGPT para Desarrolladores 👉 crz.dev/tecnicas-chatgpt
    📚 Recursos de programación 👉 crz.dev/sub
    👨💻 Formación de IA para Desarrolladores:
    crz.dev/ia-star
    👨💻 Todos mis cursos gratis:
    kiko.pro/cursos
    📚 Puedes ver todos mis libros aquí:
    kiko.pro/libros
    📘 MI LIBRO "No todo es programar":
    notodoesprogramar.com/
    🦊 100 Fábulas para Programadores
    kiko.pro/100fabulas
    📙 Libro: Aprende HTML
    kiko.pro/librohtml
    👁️ Puedes encontrar cosas más interesantes en:
    kiko.pro/
    🖱️ Si quieres ver el mi setup completo 👉 kiko.pro/setup
    🎉 Continua la fiesta en mis otras redes sociales:
    Discord: kiko.pro/discord
    Instagram: kiko.pro/instagram
    Twitter: kiko.pro/twitter
    TikTok: kiko.pro/tiktok
    GitHub: kiko.pro/github
    kikopalomares.com/
    Algunos de los enlaces son enlaces de afiliados, por lo que quizás reciba alguna pequeña comisión por compras a través de esos enlaces.
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 100

  • @kikopalomares
    @kikopalomares  3 ปีที่แล้ว +14

    CURSO GRATIS de CSS GRID LAYOUT 👉 bit.ly/3cn5XnB

    • @galo7486
      @galo7486 3 ปีที่แล้ว +1

      Gracias!!

  • @ereh5616
    @ereh5616 2 ปีที่แล้ว +18

    He visto pocos videos tan sencillos de entender a la primera, excelente !!

  • @dippeer3640
    @dippeer3640 3 ปีที่แล้ว +15

    Los mejores 11 minutos que he visto.

  • @nilselkpo
    @nilselkpo 3 ปีที่แล้ว +18

    Muchas gracias kikooo!! Vengo del curso de css de soydalto y no me habia quedado clara esta parte

    • @oscarmerida170
      @oscarmerida170 2 ปีที่แล้ว +2

      Igual yo jajajaja, lo hizo ver mucho más difícil de lo que realmente es, pero aún así los dos son capos en programación!! Tanto Dalto como Kiko!!

    • @RiverYNadaMas.1901
      @RiverYNadaMas.1901 2 ปีที่แล้ว +2

      Yo tambien jaja

    • @ed_garp2185
      @ed_garp2185 2 ปีที่แล้ว

      soydalto fue el sensei y kiko la experiencia simplificada, increíble, unos capos

    • @smunder6042
      @smunder6042 2 ปีที่แล้ว

      Gird jajaja

  • @dephi7772
    @dephi7772 2 ปีที่แล้ว +2

    Excelente!! Como programador Backend esto me soluciona mucho las cosas!

  • @js1999rp
    @js1999rp 2 ปีที่แล้ว +1

    Gracias en serio, fuiste el primer video que encontré sobre el tema y créeme que lo entendí casi de inmediato. Actualmente, tomo un curso en Udemy y se me dificulto mucho entender esto, tú lo hiciste superfácil; espero sigas con estos cursos. Mil gracias de verdad.

  • @LP-13
    @LP-13 ปีที่แล้ว +1

    Muchas gracias por el video! necesitaba repasarlo y con este video fue suficiente. un saludo!

  • @jonas-web1930
    @jonas-web1930 3 ปีที่แล้ว +2

    Excelente video Kiko, gracias por compartir tus conocimientos.

  • @danielburgoa7209
    @danielburgoa7209 2 ปีที่แล้ว +1

    Muchas gracias por estos tutoriales Kiko!

  • @GabrielCarrenio
    @GabrielCarrenio 2 ปีที่แล้ว +1

    perfecto! la mejor explicacion sin dudas! Gracias!

  • @alejandrorios6999
    @alejandrorios6999 ปีที่แล้ว +1

    Gracias!! Eres un teso explicando

  • @lorenainfanter.3099
    @lorenainfanter.3099 3 ปีที่แล้ว +3

    Lo amé! Espectacular! Rápido, conciso y bien explicado.
    Gracias!

    • @kikopalomares
      @kikopalomares  3 ปีที่แล้ว +1

      gracias por tu comentario!! 😬

  • @victorsaucedom
    @victorsaucedom 2 ปีที่แล้ว +1

    contigo es muy sencillo entender gracias por tus videos

  • @vaner9200
    @vaner9200 ปีที่แล้ว +1

    muchas gracias, muy buena explicación

  • @inkprimelo4068
    @inkprimelo4068 ปีที่แล้ว +1

    kiko sos un crack!!! saludos desde argentina!

  • @manyshap
    @manyshap 2 ปีที่แล้ว +4

    Wow, en serio, estoy llevando clases online y la verdad que me cuesta concentrarme, pero con tus videos me obliga a estar concentrada por al rapidez y claridad del contenido! solo mi gran duda es, cómo aplicarlo y combinarlo con flex y grid. Gracias!

  • @ed_garp2185
    @ed_garp2185 2 ปีที่แล้ว

    viejo, estaba haciendo mi portafolio y gracias a este video me ahorraste horas de investigación, todo se entendió perfectamente, gracias

  • @mohamedelmakioui6612
    @mohamedelmakioui6612 2 ปีที่แล้ว +1

    Eres un grande kikooo!!

  • @Lucasgiorda
    @Lucasgiorda 3 ปีที่แล้ว +2

    Me estoy viendo todos tus videos! Que buen descubrimiento! muchas gracias!

    • @kikopalomares
      @kikopalomares  3 ปีที่แล้ว

      genial! me alegro que te esten sirviendo!! =D

  • @Linda_Nicole
    @Linda_Nicole 2 ปีที่แล้ว +2

    eres increible kiko gracias por tus videos estan increibles salu2

  • @nerat1089
    @nerat1089 3 ปีที่แล้ว +1

    Muy claro y rapido!

  • @fernanboxfrias381
    @fernanboxfrias381 3 ปีที่แล้ว +2

    Buen vídeo Kiko. Gracias por tus vídeos. Sigue con el buen trabajo!!!!!

  • @hill3099
    @hill3099 2 ปีที่แล้ว +1

    Excelente video Kiko!

  • @jorgetorresb7578
    @jorgetorresb7578 2 ปีที่แล้ว +1

    gracias! saludos de Chile

  • @Ivomammana
    @Ivomammana 2 ปีที่แล้ว +1

    Excelente!

  • @joecolas
    @joecolas 2 ปีที่แล้ว +1

    gracias Kiko

  • @camilo.s2237
    @camilo.s2237 2 ปีที่แล้ว +1

    Muchas gracias!!! literalmente en 10 segundos me resolvió la duda de hace mucho tiempo

  • @hikaruhorunobu
    @hikaruhorunobu 2 ปีที่แล้ว +1

    *0* me exploto la cabezota! XD Me habia hecho pelotas con el flexbox, este se me hizo mas simple. Muchas gracias!!!

  • @nythe3009
    @nythe3009 2 ปีที่แล้ว +1

    Excelente.

  • @ricardopoma9500
    @ricardopoma9500 3 ปีที่แล้ว +2

    Muy bueno el video, gracias por la enseñanza kiko ♥ 🔥

  • @micaelacolotta413
    @micaelacolotta413 2 ปีที่แล้ว +1

    Buen video!

  • @tomasscopelliti9362
    @tomasscopelliti9362 2 ปีที่แล้ว

    Hola. Primero gracias x el video.
    Una consulta, el div gridcontainer, debe contener el por ej? O el main va por fuera de ese div?
    Muchas gracias!

  • @salvadorperez3717
    @salvadorperez3717 ปีที่แล้ว +1

    Excelente, punto.

  • @azuladoelmarasuladoelcielo
    @azuladoelmarasuladoelcielo 2 ปีที่แล้ว +1

    Gran video tio!

  • @mundoabaper
    @mundoabaper 3 ปีที่แล้ว +1

    Buen video 👏👏

  • @Osmy20
    @Osmy20 ปีที่แล้ว

    Crack kikin

  • @santinomayan7134
    @santinomayan7134 3 ปีที่แล้ว +1

    Que tipazo

  • @flacosebas2241
    @flacosebas2241 ปีที่แล้ว +1

    Excelente video, y gran peinado

  • @AudioMezcla
    @AudioMezcla ปีที่แล้ว

    Genial Video, my bien explicado.
    Una pregunta: ¿Por qué “grid-gap” me aparece como subrayado cuando escribo código con visual code studio?

  • @Noobmasterr44
    @Noobmasterr44 3 ปีที่แล้ว +1

    excelente papu

  • @moleculadesign
    @moleculadesign 3 ปีที่แล้ว +2

    Esos peces con tantas horas delante de la pantalla, son los futuros ninjas del código 😂, Muy buen video!! dan ganas de seguir aprendiendo :).

    • @kikopalomares
      @kikopalomares  3 ปีที่แล้ว

      ya mismo les estaré pidiendo que me ayuden a resolver los bugs

    • @qomovirus
      @qomovirus 2 ปีที่แล้ว

      jajajajaj

  • @aaronmoreno4049
    @aaronmoreno4049 3 ปีที่แล้ว +2

    Excelente video

  • @chocco-pit
    @chocco-pit 3 ปีที่แล้ว +2

    bro saca una acercamiento de tu acuario , tambien apasinado del aquascaping

    • @kikopalomares
      @kikopalomares  3 ปีที่แล้ว +1

      igual lo enseño por alguna historia de mi Instagram!!! 😁

  • @davidespinoza6198
    @davidespinoza6198 2 ปีที่แล้ว

    Crack

  • @galo7486
    @galo7486 3 ปีที่แล้ว +1

    Buen video bro 👍.
    P.D: Con esto ya puedo utilizar css Grid?

    • @kikopalomares
      @kikopalomares  3 ปีที่แล้ว +2

      Si lo tienes claro si, si aún quieres saber más vete a mí curso de CSS Grid Layout donde tienes más contenido sobre esto 👍

    • @galo7486
      @galo7486 3 ปีที่แล้ว +1

      @@kikopalomares Gracias bro 😄

  • @markinhos3
    @markinhos3 3 ปีที่แล้ว +1

    Kiko, ¿eres consciente de la de visitas que se vienen con este tuto exprés? Mil gracias caballero! Por cierto, ¿Qué peces tienes en tu acuario? :D

    • @kikopalomares
      @kikopalomares  3 ปีที่แล้ว +2

      muchas gracias por tu comentario! espero visitas si! a ver! En mi acuario tengo muchas cosas: Goldfish, ancistrus, neones chinos, caracoles neritina y un Mago Blanco!, un gobios arcoiris y... creo que ya xD

  • @pain5282
    @pain5282 2 ปีที่แล้ว

    como hago para dividir una caja en dos mitades ?

  • @wildogreco5102
    @wildogreco5102 3 ปีที่แล้ว

    grid-template-columns: repeat(4,1fr);
    grid-gap: 2rem; este codigo lo vi en un card, 4 card en 1 fila. entiendo q el 4 es para los 4 card, pero el segundo parametro 1fr q significa y el grid.gap 2rem?

    • @tomasscopelliti9362
      @tomasscopelliti9362 2 ปีที่แล้ว

      Repeat(4, 1fr). 1fr es que va a dividir el item en 4, cada una va a ocupar una fraccion del container.
      El grid-gap de 2rem es para distanciar entre esas 4 columnas.
      Espero haber entendido tu preg y haberte podido ayudar. Saludos

  • @lucasc530
    @lucasc530 2 ปีที่แล้ว +1

    A mi el "auto" en el grid-template-columns y grid-template-rows hace que ocupe lo menor posible, con respecto a lo que tiene dentro. Pero a vos es al revés, hace que "trate" de ocupar el 100% 🤔😕🤷‍♂️

  • @geidargor3341
    @geidargor3341 3 ปีที่แล้ว +1

    :( porq el grid no me funciona a mi :( :( :( todo esta igualito :( :( y ni asi :( :(

    • @geidargor3341
      @geidargor3341 2 ปีที่แล้ว

      @Nicolai Gomez :o

    • @geidargor3341
      @geidargor3341 2 ปีที่แล้ว

      @Nicolai Gomez mmm pos no se jejeje XD 🥲🥲🥲

  • @ghostjay5288
    @ghostjay5288 2 ปีที่แล้ว

    lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

  • @leonardocurbelobetancort430
    @leonardocurbelobetancort430 2 ปีที่แล้ว

    falto del por que ponen en el area 1fr

  • @unargentinoquepiensa7428
    @unargentinoquepiensa7428 3 ปีที่แล้ว

    deberias hacer el mismo video pero con imagenes....

    • @kikopalomares
      @kikopalomares  3 ปีที่แล้ว

      como con imágenes? no te entiendo...

    • @unargentinoquepiensa7428
      @unargentinoquepiensa7428 3 ปีที่แล้ว

      @@kikopalomares en ves de hacerlo con backgruond color, q lo hagas y q enseñes a mover imagenes

  • @rayeudiacosta3250
    @rayeudiacosta3250 3 ปีที่แล้ว +1

    Una preguta programar es facil ?

    • @galo7486
      @galo7486 3 ปีที่แล้ว

      Pues depende de cada persona xdxd

    • @rayeudiacosta3250
      @rayeudiacosta3250 3 ปีที่แล้ว

      @@galo7486 Por ejemplo que tipo de persona puede ser un buen programador ?

    • @galo7486
      @galo7486 3 ปีที่แล้ว

      @@rayeudiacosta3250 Necesitas determinación, no inteligencia.

    • @rayeudiacosta3250
      @rayeudiacosta3250 3 ปีที่แล้ว

      @@galo7486 eres programador ?

    • @galo7486
      @galo7486 3 ปีที่แล้ว

      @@rayeudiacosta3250 Sigo aprendiendo.

  • @hawkthunder3838
    @hawkthunder3838 2 ปีที่แล้ว +1

    Messirve, hay videos de una hora solo para hablar de teoría cuando se aprende mejor con ejemplos y poca información

  • @rayeudiacosta3250
    @rayeudiacosta3250 3 ปีที่แล้ว

    Tienes la voz muy molestosa

    • @kikopalomares
      @kikopalomares  3 ปีที่แล้ว +2

      silencia el vídeo y activa los subtítulos de TH-cam 👍

    • @rayeudiacosta3250
      @rayeudiacosta3250 3 ปีที่แล้ว

      @@kikopalomares puedes trabajar en mi compañia de creacion de videojuegos ?

    • @kikopalomares
      @kikopalomares  3 ปีที่แล้ว +6

      @@rayeudiacosta3250 sólo si soy el que le pone voz a los personajes

    • @rayeudiacosta3250
      @rayeudiacosta3250 3 ปีที่แล้ว

      @@kikopalomares jajajajja

    • @rayeudiacosta3250
      @rayeudiacosta3250 3 ปีที่แล้ว

      @@kikopalomares Que cantidad de dinero quieres que te pague mensualmente ?

  • @activatupyme792
    @activatupyme792 2 ปีที่แล้ว +1

    Excelente!!!!