CSS Grid | Introducción Práctica desde Cero

Поділитися
Вставка
  • Опубліковано 8 вер 2024
  • Este video es una introducción práctica a CSS Grid para principiantes. Aprenderemos las reglas básicas de CSS y veremos a traves de algunos ejemplos practicos como se usan en archivos HTML.
    CURSO DE HTML
    • Curso HTML para Princi...
    CURSO DE CSS
    • Curso CSS para Princip...
    FORMULARIO CON CSS GRID
    • HTML & CSS | Formulari...
    CURSO DE GIT
    • Git y Github | Curso P...
    VISUAL STUDIO CODE
    • Visual Studio Code, Ed...
    VISITA MI SITIO WEB PARA MAS CURSOS Y CONTENIDO
    www.faztweb.com
    blog.faztweb.com
    FAZT - UA-cam:
    / fazttech
    TWITTER
    / fazttech
    INSTAGRAM
    / fazttech
    FACEBOOK
    / fazttech
    #cssgrid #css #html

КОМЕНТАРІ • 364

  • @zenekser
    @zenekser Рік тому +44

    Sólo puedo describirlo con una palabra: MAGISTRAL!! ⭐⭐⭐⭐⭐
    Estoy en un curso de pago y no me estaba enterando de nada en la clase de Grid. Busco por mi cuenta y llego a este vídeo. Lo abro y resulta que lo he entendido todo a la primera de "pe" a "pa". Macho... te mereces cinco estrellas. Me suscribo.

  • @kennistark4385
    @kennistark4385 5 років тому +248

    vine por madera y me llevo diamante, mil gracias Fazt Code

  • @carolinahernandez1670
    @carolinahernandez1670 3 роки тому +49

    ¡Gracias! Aprendo desarrollo web por mi propia cuenta y estos vídeos son las joyitas que uno agradece siempre. Súper bien explicado. 🤩

  • @rElissonR
    @rElissonR 3 роки тому +2

    Un consejo mis desarrolladores, si no encuentran la información o no la entienden bien de un sitio, no la caguen con sus comentarios negativos o dislikes y solo busquen en otro sitio.
    Vengo del curso de dalto CSS y no entendía el tema de las grillas(grid), ahora pause aquel vídeo y llegue aquí y ahora si la entendí.
    Espero y les sirva ♥.

  • @sebastiansoriano
    @sebastiansoriano 5 років тому +14

    Este es el único canal con el que puedo entender correctamente el cómo funciona css. Saludos desde Chile

  • @Mjcmvlc
    @Mjcmvlc 3 роки тому +13

    Llevo días mirando tutoriales sobre grid y ninguno me ha enseñado tanto como el tuyo!! Es lo que necesitaba!! Muchas gracias por todos tus contenidos!! Eres maravilloso!! Estupendo!! Un CRACK!! Un saludo.

  • @ElvisRamos-eg4gq
    @ElvisRamos-eg4gq Місяць тому

    El mejor tutorial de CSS Grid que he visto

  • @cadavezqueteveo
    @cadavezqueteveo 2 роки тому +1

    Estoy aprendiendo HTML y esto de centar los elementos me estaba rompiendo la cabeza, pues quería sentar texto y vídeo en dos columnas. Muchas gracias me has salvado la vida, me quedo con el geid, al diablo display

  • @juanestebanramosvalderrama
    @juanestebanramosvalderrama 2 дні тому

    Que gran trabajo amigo, se entendió de una manera muy clara y al grano

  • @johncaballero8430
    @johncaballero8430 4 роки тому +9

    En un principio me sentia frustrad por no entender este tema pero este video me hizo amar la parte de grid....mil gracias por ese video

  • @gersoncontreras6770
    @gersoncontreras6770 3 роки тому +2

    Videazo que vale oro.

  • @angelnava8951
    @angelnava8951 4 роки тому +5

    Gracias por tomarte el tiempo de compartir esa valiosa información y enseñanza, de verdad todos valoramos eso como no tienes idea porque es conocimiento que se adquiere de manera gratuita y fácil.
    Un abrazo desde Venezuela, personas como tú y otros UA-camrs que se dedican a esto nos motivan a seguir adelante y aprender nuevas cosas para mejorar como persona y profesional.

  • @christopherandreramoshidal2387
    @christopherandreramoshidal2387 4 роки тому +51

    No entiendo como hay gente que le da dislike a los videos de Fazt , son muy buenos xd

    • @muffin7338
      @muffin7338 4 роки тому +1

      quizás son personas que no le entendieron en su momento, como hay gente que no le entiende a él hay gente que no entiende a otros youtubers, en su momento de insatisfacción le dan dislike creo :3

    • @mauroinde
      @mauroinde 4 роки тому +1

      @@muffin7338 hay gente que no habla español y como es rapido, no le entienden. otra gente por error lo hace

    • @pruebas1537
      @pruebas1537 4 роки тому

      Que miedo

    • @christianlozano6261
      @christianlozano6261 3 роки тому +1

      Por malas prácticas que hay en el video que no son buenas cuando estas aprendiendo en el diseño web

    • @Mjcmvlc
      @Mjcmvlc 3 роки тому

      Tod@s envidios@s...porque es un crack!!

  • @g.alarcon9011
    @g.alarcon9011 2 роки тому +6

    Broooo de verdad quiero agradecer Los tutoriales que nos ofreces, de verdad que me ayudan bastante a como realizar ciertas cosas

  • @juancarloswong1286
    @juancarloswong1286 2 роки тому

    Cursos pagados, miles de tutoriales y no entendía la finalidad de grid, te lo juro que este video me hizo verlo algo tan fácil (que probablemente no lo sea), muchas gracias!

  • @rivaldoesteban1676
    @rivaldoesteban1676 3 роки тому +1

    Es la primera clase de grip para mi, y lo explicaste super fácil.

  • @JC-el3zn
    @JC-el3zn 4 роки тому +67

    Vine a por diamante y me llevo diamante xd, las ventajas de saber donde encontraras el conocimiento preciso y de calidad xD

  • @merlynisabel1191
    @merlynisabel1191 3 роки тому +1

    love... ame este video , Saludos desde Venezuela...

  • @sebastiancarvajal6227
    @sebastiancarvajal6227 Рік тому

    Tengo conocimiento del tema pero aún así me confundía pero encontré un vídeo más de Fazt god y quedé full; gracias bro

  • @Cecilior
    @Cecilior 2 роки тому +2

    Un vídeo muy aclaratorio. Me ha gustado mucho ver el enfoque que le das y las aclaraciones que haces. Como siempre un placer ver tus vídeos. 🙂

  • @davidmtobias
    @davidmtobias Рік тому

    Gracias! Un gran vídeo. Lo he entendido todo a la primera. Eres el mejor!

  • @Javkillers
    @Javkillers 2 роки тому +1

    Excelente, yo estaba aprendiendo de un libro del 2011 que enseñaba con el float jajaja ya se imaginan los dolores de cabeza. Ahora que aprendí Flexbox y Grid ya siento super fácil crear un maquetado básico en HTML y CSS jajaja, muchas gracias!

  • @santosahernandezmendoza7147
    @santosahernandezmendoza7147 5 років тому +1

    CSS Grid un tema poco tratado pero que a mi ver es sumamente práctico. Una excelente explicación. Un tutorial digno de re-verlo y re-comprenderlo.

  • @dayanbasultoreyes2783
    @dayanbasultoreyes2783 Рік тому

    Siempre que necesito algo en especifico siempre reviso tu canal primero. Mil gracias

  • @carlosanaya9070
    @carlosanaya9070 Рік тому

    Excelente tutorial 👌. Muchas gracias y saludos desde El Salvador.

  • @edenmaga2052
    @edenmaga2052 3 роки тому

    Si necesito aprender algo de programación, primero reviso el canal de Fazt. Es increíble. Gracias Fazt.

  • @pedromiguelpagan-rivera8970

    Magnífica, magnífica, MAGNÍFICA clase. Un millón de gracias.

  • @pelusheld2352
    @pelusheld2352 2 роки тому

    la verdad muy bien explicado, ningun video lo explica tambien como tu, los demas solo van para alante y empiezan a hechar codigo y no explica que hace cada cosa

  • @JYDROID
    @JYDROID 2 роки тому +1

    UFFFFFFF gracias a ti aprendi, GRACIAS FAZT!!!!!!

  • @user-wf9lv9wn3s
    @user-wf9lv9wn3s Місяць тому

    increíble tu capacidad de explicar, gracias

  • @erickduenas8049
    @erickduenas8049 9 днів тому

    muchas gracias por el contenido estimado. Informacion valiosa la que explicaste 👍👍

  • @bryanbac6322
    @bryanbac6322 Рік тому

    Tu tuto es muy bueno!! Me ayudó con mi investigación para un curso! Gracias

  • @mitubo1970
    @mitubo1970 4 роки тому +2

    Muy deprisa en algunos instantes pero entendible. Muy práctico y transparente. Faltaron las áreas y su distribución y hacerlo adaptativo (responsive) sin media queries. Muchas Gracias

  • @axlinmiranda4069
    @axlinmiranda4069 Рік тому

    Excelente, no entendía muy bien cómo funcionaba, pero con este vídeo ahora si, muchas gracias, lo recomiendo :)

  • @serxsux9170
    @serxsux9170 Рік тому

    sos un genio! explicación excelente y clara! el mejor que vi hasta ahora! te felicito! muchísimas gracias!

  • @profesorjgaticatv
    @profesorjgaticatv Рік тому

    Excelente explicación, muy bueno el video, con buen ritmo para aprender. Gracias por enseñar.

  • @ibzanz2033
    @ibzanz2033 4 роки тому +2

    Entendí mejor contigo sobre css grid, muchas gracias fazt, eres increíble.

  • @damianm2436
    @damianm2436 8 місяців тому

    ¡Muy buena explicación de CSS GRID!

  • @GabrielaMartinez-oy7em
    @GabrielaMartinez-oy7em Рік тому

    amigo eres lo máximo, gracias.
    no me lleva unas cuantas horas de estudio para dominarlo a la perfección como dices al final jajajajajajaj llevo dos días tratando de comprender todo lo de grid pero

  • @mattwapoh7547
    @mattwapoh7547 4 місяці тому

    wow hermano has explicado muy bien, me has sido de mucha ayuda, enserio gracias!!!!!:)

  • @jhon9490
    @jhon9490 Рік тому

    Excelente video, a usted explicar cosas le sale de forma natural. Muchas gracias.

  • @alexandralml9554
    @alexandralml9554 Рік тому

    Gracias!!!! estoy comenzando en este mundo y tu video me ayudo muchisimo!!!

  • @josuebenjaminayala8443
    @josuebenjaminayala8443 Рік тому

    Amigo, muchas gracias! Que buen video! Con una explicación comprendí a la perfección. Sigue adelante, y gracias por compartir tus conocimientos.

  • @cronosramm
    @cronosramm 5 років тому +3

    Muy bueno. Creo que mí siguiente etapa es dejar boostrap y usar directamente css. Gracias por compartir!

  • @rodrigojigena1884
    @rodrigojigena1884 2 роки тому

    NAA AMIGO SOS DE OTRO PLANETA , MIRE COMO 5 VIDEOS ANTES DE ESTE Y NO PODIA ENTENDER NADAAA, mire tu video y dije "gracias universo por ponerme a este pibe en yt" jajjaja genio total

  • @maryyyyy6015
    @maryyyyy6015 3 роки тому

    Eres maravilloso, no sabes el gran aporte que haces compartiendo tus conocimientos, MUCHAS GRACIAS DE VERDAD!!!

    • @leoa.348
      @leoa.348 2 роки тому +1

      Flexbox es mucho mas dinamico que Grid

  • @philipuslll
    @philipuslll 3 роки тому

    Esta explicación vale oro.

  • @francocaporaletti3246
    @francocaporaletti3246 3 роки тому +2

    Fatz! muchas gracias, necesitaba una explicación tan clara como esta, no es la primera vez que me salvas el día... muchas gracias por tu contenido bro!

  • @Tomodachi.2
    @Tomodachi.2 3 роки тому

    que buen video, muy practico y simple para quien no quiere escribir mucho código (como yo), me facina lo práctico y sencillo que aprendí con este video.

  • @RVKAWAAA
    @RVKAWAAA 3 роки тому

    A todos los iniciantes en Desarrollo Web, miren que importante aprender Flexbox y Grid, actualmente utilizo tecnologias para desarrollar Apps Nativas, y un cliente me pidio un Layout como Instagram, y como no lo se, tuve que retroceder hasta aqui..
    Gracias Fazt

    • @FaztCode
      @FaztCode  3 роки тому

      Incluso tambien es importante en SDKs y frameworks mobiles, que estan muy inspirados en Flexbox tambien

  • @camilovelasco1632
    @camilovelasco1632 2 роки тому +1

    eres un genio por como explicas y por tu contenido, GRACIAS

  • @fr-cb
    @fr-cb 2 роки тому +1

    Videazo Fazt! Muchísimas gracias!

  • @DGamerxPRO
    @DGamerxPRO 3 роки тому

    A horas de la madrugada gracias a tu video entendí css grid. ¡Gracias por crear estos videos!

  • @palcaa
    @palcaa 2 роки тому

    se agradece, estoy cursando desarrollo web y esto me re ayudo.

  • @andrearocchi
    @andrearocchi Рік тому

    ESTOY IMPRESIONADA!!
    MUCHISIMAS GRACIAS POR FIN ENTIENDO GRID

  • @MrNELSONRIVAS
    @MrNELSONRIVAS 2 роки тому

    Eres un crack. Entendí CSS GRID con esta explicación.

  • @vickychivilcoyar
    @vickychivilcoyar Рік тому

    Excelente y super detallado! me suscribi! muchas gracias!

  • @humbertoantoniogarciarojas5150
    @humbertoantoniogarciarojas5150 3 роки тому

    Eres el mejor profesor del mundo gracias Fazt Code

  • @paulmorales8535
    @paulmorales8535 3 роки тому

    Yo soy desarrollador Backend y de escritorio pero siempre me ha interesado que mis datos se vean correctos, la explicacion es perfecta y las pondre en practica y te agradezco mucho faz code, tienes un suscriptor mas.

  • @stivencastroarias1738
    @stivencastroarias1738 2 роки тому

    Tu y falcón Master son dos cracks

  • @felixacosta20
    @felixacosta20 4 роки тому

    UFF!!! Super agradecido para quienes estan empezando en este mundo... Es decir... YO!!! Gracias...

  • @SebasRiveraOficial
    @SebasRiveraOficial 2 роки тому +1

    Eres muy bueno explicando ... ya empecé a seguirte ..

  • @the29lcke
    @the29lcke 3 роки тому

    Un gran aporte, para este humilde estudiante , gracias CRACK!!!!

  • @rubendariofernandez6600
    @rubendariofernandez6600 3 роки тому

    Excelente explicación. Gracias muy amable. Muy claro hasta para mi de 63 años.

  • @juanmartinaliaga6368
    @juanmartinaliaga6368 2 роки тому

    Video que va derecho al hueso de grid, hermoso resumen sobre el tema!!! pulgar arriba rey + suscripción

  • @buchdev
    @buchdev 4 роки тому +3

    Excelente explicacion, a partir de ahora conozco mas css grid, y lo mucho que lo necesitaba. Gracias!!

  • @Nadia-wu9hk
    @Nadia-wu9hk 3 роки тому

    No sabía que era CSS Grid y lo entendí perfecto. Muchas gracias!!

  • @aleisaribalta4195
    @aleisaribalta4195 3 роки тому

    Eres maravilloso, tu forma de explicar, sin drmas, concreto, lógico, divertido. (quiero ver todos tus videos)

  • @AndySickler
    @AndySickler 2 роки тому

    Esto estuvo buenísimo, man! Muchas gracias!

  • @lesterpaz797
    @lesterpaz797 3 роки тому +4

    Simplemente hermoso! Muchas gracias por compartir tus conocimientos, la forma en que lo haces es genial.

  • @pablorex4814
    @pablorex4814 Рік тому

    Muchas gracias Fazt!!! excelente tutorial!!!

  • @luisartbeatz
    @luisartbeatz 3 роки тому

    Amigo eres fantastico. Mi maestro me dejo con dudas en este tema y tu me sacaste todas las dudas. Muchisimas gracias.

  • @marinosalazar2101
    @marinosalazar2101 4 роки тому +8

    Excelente como siempre muchas gracias !

  • @breacher-dev5941
    @breacher-dev5941 2 роки тому

    año 2022 y entendí con este simple tutorial lo que es grid gracias

  • @zekkerulo
    @zekkerulo 2 роки тому

    No lo entendia, pero con tu explicacion me quedo re claro. Muchas gracias! 😊

  • @pabloalejandrorubino8846
    @pabloalejandrorubino8846 Рік тому

    Increible explicacion! 🤩🤩🤩🤩

  • @miguelnutriser
    @miguelnutriser 3 роки тому

    Te felicito sos muy claro se entiende perfecto gracias

  • @apoyoinformaticorp9268
    @apoyoinformaticorp9268 2 роки тому

    me acabas de resolver un gran problema, muchas gracias!!!

  • @bbriambbriam
    @bbriambbriam 3 роки тому

    Gracias por la explicacion, ya lo estaba usando de cierta manera como un cavernicola pero el video si que me mostro como tal la herramienta

  • @eiby5567
    @eiby5567 2 роки тому

    De estar frustrado por no entender el tema, a literal amar el Grid jaja, muchas gracias enserio, muy buen video, muy buena explicación, todo excelente, gracias!

  • @sorax1177
    @sorax1177 2 роки тому

    Buenísimo! agradecido con tu contenido!!! saludos

  • @woodenhouse8531
    @woodenhouse8531 11 місяців тому

    Excelente video, me ha ayudado mucho. Gracias :)

  • @Sp00fer
    @Sp00fer 5 років тому +2

    Muy pero muuyyy buen video, super útil y algo que es rápido y al punto, tienes un sub más.

  • @BoliVlogs
    @BoliVlogs 3 роки тому

    un consejo que me sirvio a mi viendo mucho de sus videos de html, css, y ahora este, es que si sienten que va demaciado rapido y no quieren estar pausando y todo eso, les recomiendo bajarle la velocidad un poco al video, solo como una ayuda

  • @tania3952
    @tania3952 2 роки тому

    Gracias por este video!!, Me salvaste la vida

  • @garekon
    @garekon 2 роки тому

    Espectacular! Gracias!

  • @carlosz1858
    @carlosz1858 3 роки тому

    Gracias fazt, rapido, concreto y al grano, sigue asi mi amigo

  • @Alexxis2233
    @Alexxis2233 2 роки тому

    Muchisimas gracias! te ganaste un suscriptor mas

  • @jeansmith6153
    @jeansmith6153 2 роки тому

    Muchas gracias por compartir tu conocimiento de una forma clara y precisa

  • @MarteCapitals
    @MarteCapitals 4 роки тому +1

    Sos un crack! Me suscribo porque explicas muy bien y me salvaste la vida jajajaja genio!

  • @hanabi5368
    @hanabi5368 2 роки тому

    Muchas gracias estuvo organizado y entendible

  • @aldomora9644
    @aldomora9644 3 роки тому

    Buen video, 100% recomendado

  • @DanielCodContent
    @DanielCodContent 2 роки тому

    Muhcas gracias por tu contenido fazt!!

  • @carlosemmanuelarcosnovelo7711
    @carlosemmanuelarcosnovelo7711 5 років тому +1

    Tus videos siempre nos ayudan mucho gracias

  • @JairoGomezjairito
    @JairoGomezjairito Рік тому +1

    super... Muchas gracias

  • @aclislopez7941
    @aclislopez7941 3 роки тому

    mil gracias!!! fantástica tu explicación, hay mil cosas que se pueden hacer con esto, gracias de nuevo!

  • @krlosbe033
    @krlosbe033 2 роки тому

    Eres ORO puro chavaaaal.....

  • @flortencha4318
    @flortencha4318 2 роки тому

    Excelente video, impecable!

  • @ADR2909
    @ADR2909 2 роки тому

    Terrible video Bro, muy bien explicado y detallado, te mereces que se suscriba todo el que lo vea, sigue asi.

  • @TheRizzk
    @TheRizzk 2 роки тому

    Buen video me hacía falta un repaso de grid tenía rato sin usarlo