Curso de CSS GRID | Como Hacer una Página Web Responsive

Поделиться
HTML-код
  • Опубликовано: 15 окт 2024
  • En este capitulo vamos aprender como hacer un sitio web responsive mediante CSS Grid.
    🚀 Blog de diseño web:
    www.falconmaste...
    ⭐ Curso de Diseño Web desde Cero:
    www.desarrollo...
    ⭐ Curso de PHP y MYSQL desde Cero:
    www.desarrollo...
    ⭐ Curso de React y Firebase desde Cero:
    www.desarrollo...
    ⭐ Curso de Bootstrap:
    www.desarrollo...
    ⭐ Curso de Woocommerce:
    www.desarrollo...
    ---
    📄 Código del video: github.com/fal...
    ---
    Redes Sociales:
    ♦ Twitter @falconmasters:
    / falconmasters
    ♦ Pagina de Facebook:
    / falconmasters

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

  • @FalconMasters
    @FalconMasters  5 лет назад +170

    Con este capitulo finalizamos el curso de CSS Grid. Si te gusto dale manita arriba y compártelo.
    Próximamente haré mas videos de CSS Grid usándolo en proyectos.

    • @1337Unlucky
      @1337Unlucky 5 лет назад +3

      Genial colega, gracias por hacer el curso disponible para todos. Eso de ya no hacer tantos contenedores es genial, antes eran divs por todo.

    • @cristianrafaelbernalsuclup1993
      @cristianrafaelbernalsuclup1993 5 лет назад

      Oye muchas gracias por hacer estos vídeos que son de mucha utilidad para mis estudios y gracias a eso pude tener mas fluidez en mis páginas web, te agradezco y espero sigas subiendo vídeos es genial. Gracias por darnos tus conocimientos.

    • @MiguelAngel-dw1gh
      @MiguelAngel-dw1gh 5 лет назад

      Alguien me puede decir cómo darle un diseño responsivo a imágenes fotografías y vídeos dentro de una página

    • @exceiversaenz8715
      @exceiversaenz8715 5 лет назад

      FalconMasters Puedes subir un video de como hacer una pagina web, en equipo, usando diferentes computadoras?

    • @jhonny6382
      @jhonny6382 5 лет назад

      @@exceiversaenz8715 para eso se usa git y github, no creo que llegue a realizar un curso sobre git ya que su canal se centra mas que todo es en el FrontEnd, si quieres saber mas te recomiendo el de codigo facilito que explican tambien ese tema

  • @miopinion7350
    @miopinion7350 5 лет назад +183

    no sabia que css grid podia hacer esto,me puse a llorar de la emocion,no mas noche luchando con contenedores,GRACIAS

    • @extasin
      @extasin 4 года назад +12

      Me pasó exactamente lo mismo. Luchando con los contenedores y su ubicación!

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

      x3 😂

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

      X4 que crack

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

      X4 jajaja sentí una emoción al ver esa manera jaja

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

      Jajajajaja que buen comentario, describes mi vida

  • @edgarvargas2415
    @edgarvargas2415 4 года назад +78

    He tomado miles de cursos de CSS y la verdad es que el profesor de este canal es el mejor porque se le entiende todo desde el primer segundo. Verdaderamente tiene enseñanza pedagógica. Felicidades.

  • @juantasayco246
    @juantasayco246 2 года назад +37

    Siento que Dalto explica claro, pero pero FalconMaster lo lleva a otro nivel, es clarísimo como enseña este maestro. Mil gracias!

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

      te voy a * a piña ; aguante Dalto : me enseño todo menos lo de grid (parece que me quedo unos huecos)

  • @AlbertoMartinez-ru7nk
    @AlbertoMartinez-ru7nk 5 лет назад +86

    Índice de algunos temas vistos en el curso:
    03:46
    Haciendo estructura HTML de la página
    06:57
    Agregando estilos del contenedor
    10:41
    Estableciendo estilos para el div,header,main, aside y footer
    12:19
    Estableciendo estilos y el css grid para el header y el contenido (main)
    13:29 Agregando algunos estilos al sidebar y colocandole CSS Grid.
    16:16
    Estilos de los widgets
    17:28
    Agregando estilos y CSS grid al footer
    19:22
    Agregando mediaquery a los 768px de pantalla
    22:52
    Estableciendo grid-area
    26:43 Estilos con mediaquery a 768px (usando grid-area)

  • @italo.buitron
    @italo.buitron Год назад +4

    El día de hoy (y en solo un día)
    Me he dado el recorrido de tus cursos de HTML, CSS, CSS FLEX y CSS GRID y puedo decir que ha valido cada maldito segundo.
    Tengo las bases, y dejame decierte que este es el curso más completo que he encontrado, gracias por todo!
    (cuando empiece a ganar dinero te compro todos los cursos porque lo valen :) )
    (ponganle speed x2, se entienede mejor)

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

      Muchas gracias, aprecio mucho este comentario y me alegra que te sirvieran mucho mis cursos.

  • @cuartodechenz
    @cuartodechenz 3 года назад +7

    Arme en código HTML mi pagina, pero no puedo ordenarla, ahora si viendo este vídeo puedo ordenar mi contenido, te vas a convertir en el amor de mi vida. Ya te diré como me va.

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

    Excelente explicación y buen dominio y seguridad de lo que explica y lo más importante es con el entusiasmo que explica.

  • @jaimeviloriogreen
    @jaimeviloriogreen 5 лет назад +1

    Carlos, en primer lugar, hago uso de la ocasión para agrdecerte por el esmero y el esfuerzo que haces al compartir tus conocimientos con nosotros. Soy nuevo en el desarrollo web, y quiero que sepas que gran parte de mi aprendizaje en estos ultimos meses ha sido gracias a ti. Muchas gracias. - Lo otro es que quiero hacerte una consulta: que tal si mis elementos html tienen la siguiente estructura:

    logo

    Menú


    Contenido

    SideBar


    Pie de página
    ¿Cómo hago para tener una grid que abarque todos mis elementos, tanto los padres como los que son hijos? Si hago:
    body{
    display: grid;
    }
    No podré abarcar los elementos hijos dentro del header o del main. No sé si me doy a entender. A ver si me ayudas en este punto. ¡Gracias anticipadas!

    • @felix9368
      @felix9368 5 лет назад

      Que tal, no soy FalconMasters pero te puedo decir lo siguiente podrías trabajar con grid poniéndolo en el body, así abarcarías toda la página, o bien como en este video, con un div container que sirva para el layout base de grid. En ambas formas podrías abarcar todos los elementos o tags hijos en tu sitio...
      Solo tendrías que preocuparte de definir bien tus tracks(filas y columnas) y ya está.
      Saludos.

    • @jaimeviloriogreen
      @jaimeviloriogreen 5 лет назад +1

      @@felix9368 Entiendo lo que me dices, pero haciéndolo así solo me entraría en la grid los elementos Header, Main y Footer, pero si te fijas en mi ejemplo, tengo dentro de Header un Nav y un Div que no se verían directamente afectados por la grid del Body ya que esta, aparentemente, solo afecta los elementos que son directamente hijos del Body. Espero me haya explicado bien. Haz uso del ejemplo que puse en inténtalo para que veas.

    • @felix9368
      @felix9368 5 лет назад

      @@jaimeviloriogreen de pronto si intentas con las grid áreas te sea útil, porque solo lo estarías utilizando para el layout y ya está.

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

    te felicito por tu claridad, y te agradezco también. Espectacular!!

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

    Amigo eres el mejor, había comprado un curso en udemy con otra persona y la verdad no le entendía al css grid, pero gracias a estos pocos videos tuyos aprendí demasiado y me aclaraste muchas dudas que tenia, muchísimas gracias.

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

      Muchas gracias! Me alegra mucho que asi fuera y mi video te haya servido.
      Saludos!

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

    Aprendi primero flexbox y lo usaba para todo, ahora con tu curso, me ahórrastes lineas de codigo css , es mas facil de implementar y también de leer, conclusión grid para estructura y flex para ajustar el contenido , gracias

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

    ¡qué gran ejemplo para cerrar todo lo aprendido! me quedó la duda de si es necesario definir las columnas y filas con grid-template row/column si ponemos las áreas.👏👏

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

    Dios, mil gracias por este tutorial!!, me habia visto los 9 videos sobre Grid y la verdad tanta info me habia saturado, cuando lo quise emplear quede frustrado, tanto que durante dos dias deje de lado todo lo que tenga que ver con desarrollo web. Hoy volvi a tu canal y me encontre este video que me dejo todo muy claro y me fue de gran ayuda!! muchas gracias

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

      Muchas gracias! Para la próxima ya sabes que en este canal aprendes fácil :D
      Saludos

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

    Terrible aprendizaje. La verdad es genial hace 3 dias que venia estudiando todo lo posible para solucionar lo que en este curso queda tan claro...Felicitaciones

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

    Carlos tu eres un gran maestro y tienes un dominio del contenido maravilloso. Sin dudas el mejor que explica Grid y Flex. ¡Enhorabuena!

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

    Tienes una manera de explicar excepcional amigo, ya compré varios de tus cursos en Udemy. Si me aceptas el consejo, solamente, te recomiendo corregir la acentuación en la palabra "caracteres", no la pronuncies como "carácteres", que tiene un significado distinto. Gracias por compartir tu conocimiento

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

    Probablemente a partir de hoy te prenda una vela todos los días, me facilitaste la vida enormemente. Voy a ponerlo en practica en la semana. gracias gracias

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

    Que curso tan genial este, mil felicitaciones por ese curso en verdad que aprendí mucho y me despejaste muchas dudas que tenía

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

    Que locura lo del grid-template-area, no sabía que se podía usar para hacer diseño responsivo, me voló la cabeza. La fiaca es que ahora tengo que editar los estilos que escribí para mi página y es pensarlo de nuevo porque recién lo tengo aprendido, pero para el futuro va a ser mucho más fácil editarlo cuando quiera hacer cambios. Gracias por la buena enseñanza.

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

    Muchas gracias Eres la persona que mejor explica los temas en todo youtube

  • @fm-yo7fr
    @fm-yo7fr Год назад

    Gracias FalconMasters, seguí todo paso a paso. Ahora a usar todo lo aprendido.

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

    Muy buena explicación de cada paso con su razonamiento, además de exponer también otra mejor opción para hacerlo responsive, todo de forma sencilla, clara y fácil de entender. GRACIAS.

  •  5 лет назад +22

    Muy Buen curso de CSS GRID. Carlos, excelente explicaciones, y los mejores ejemplos, aprendí muchas cosas en este curso tuyo, cada día aprendes cosas nuevas en la Web, para ponerlas en practicas, y compartir con toda la comunidad, muy pronto estaré también compartiendo algunas cosas que he aprendido de todos ustedes, y que me ayudaran a seguir aprendiendo, no hay mejor forma de aprender que enseñar, y eso ya lo se muy bien.
    Gracias Carlos Arturo, FalconMasters, eres unos de los mejores en estos temas.

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

    Aprendí tanto en estos 3 días con tus videos!!!!!! Un genio de la enseñanza!!!!!

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

    Soy autodidacta y lo mejor que vi en todo este tiempo. +10

  • @thianr6267
    @thianr6267 5 лет назад +11

    Excelente, muchas gracias Carlos solo me queda seguir practicando y familiarizarme con css grid tal y como hice con flexbox Saludos.

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

    Te felicito, acabo de terminar el curso. aprendi mucho. como siempre el mejor profesor que he tenido en desarrollo web (Front-End)*;* Estaré pendiente cuando publiques una practica de alguna realización de un sitio web realizad0 con cssgrid Gracias Totales.

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

      Muchas gracias por ver mi curso, me alegra que te haya sido de ayuda!
      Tengo varios videos donde hacemos practicas con CSS Grid, los puedes ver en mi canal de youtube.

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

    Hace 1 mes empecé a aprender desarrollo web front end, llegué al punto en el que ya me tocaba aprender grid pero con otros youtubers se me complico mucho, por lo tanto me frustraba porque creí que habia llegado el momento de empezar a sufrir en este camino de aprendizaje de css jajaja, pero por suerte me topé con tu canal e hiciste ver grid como algo muy sencillo y gracias a vos lo pude aprender de una manera facil, por eso te agradezco muchisimo. Saludos desde Argentina.

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

    Gracias por explicar todo sobre Grid
    Tome varios cursos en Platzi de Grid pero me explicaron muchas cosas sobre la historia de como se incluyo grid en CSS y varios conceptos mas sobre el tema pero no me enseñaron a usar grid en si, es como si te explicaran toda la historia de los automoviles pero no te enseñaran a conducir uno.
    Aun asi valio la pena saber varios conceptos pero queria saber como usar grid programando
    Gracias a ti ahora se hacerlo, Gracias Falcon, como siempre un master en programacion

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

      Muchas gracias a ti por ver mi video!
      Es un gusto que te haya sido de ayuda :D

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

    Excelente!!!!! No sabes la suerte que tengo de encontrarte apenas en mis comienzo. Me encanta tu forma de explicar y la facilidad que tienes. Exitos.

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

      Muchas gracias, ya veraz que mis tutoriales de ayudan a aprender mucho. Disfruta esta etapa inicial, que siempre es muy divertida.

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

    Estimado,
    Lo felicito por el video. Estoy empezando y la explicación es muy clara y concisa.
    Saludos y muchas gracias.

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

    Felicitaciones, he visto varios videos, te haces entender muy bien, te felicito por tu manera tan clara para explicar las cosas, Dios le bendiga, y que siempre tengas esa disposicion de dar a conocer tu experiencia en diseño de paginas WEB, Gracias por tu colaboracion

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

    Excelenteee video. Me estaba peleando con los contenedores y su ubicacion y este video me ha salvado jajaja.
    Nunca comento ni doy like pero este video lo merece

  • @CodeSphere.Academy
    @CodeSphere.Academy 2 года назад

    Dias trás teniendo dolor de cabeza buscando miles de información para crear una pagina así, y en un video tan simples pero con una excelente explicación me has solucionado la vida! Te has ganado otro sub!
    Saludos!

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

    SOS UN GENIOOOO HERMANOOO! SOS EL PUTO AMO! El talento que tenés para explicar es asombroso!

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

      Muchas gracias. Aprecio mucho tu comentario!

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

    La mejor explicación en todo RUclips, mis respetos

  • @LeonelArtLab
    @LeonelArtLab 5 лет назад +3

    Hermano, felicitaciones por éste curso gratuito y abierto. Los conocimientos adquiridos son alucinantes y veo ésta tecnología muy prometedora pues nunca había sido tan sencillo establecer una estructura tan completa y adaptativa. Gracias Carlos Arturo.

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

    Excelente las explicaciones, ahora a poner todo en practica que tengo que hacer una pagina para un cliente. Muchas gracias falcon!! saludos de parte de un novato!! manito arriba y estrella en git....

  • @Gabriel-pg1oq
    @Gabriel-pg1oq 4 года назад

    Te agradezco mucho el curso. Está muy bien explicado todo, muy didáctico.

  • @videloco84
    @videloco84 5 лет назад +2

    A pesar de que empezaste a hacerlo sin grid-areas yo quise hacerlo de esa forma acatando tus recomendaciones pero en cierta parte me sentí perdido. Que sorpresa cuando finalmente lo hiciste con grid-areas que gran herramienta. Saludos y muchas gracias por compartir!!

  • @Junior-mo4yr
    @Junior-mo4yr 2 года назад +1

    He terminado de ver los cursos de CSS Grid y solo me queda agradecer porque he aprendido mucho :D

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

    Gracias tu vídeo me ha sido de gran ayuda para hacer que mi proyecto de fin de curso sea responsive

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

    Wow!! Es un video de gran ayuda para conocer y maquetar estructura de sitio Web con CSS Grid... Tengo conocimiento de CSS Grid. Sin embargo, casí nunca lo he implementado en mi proyectos, y una meta de este año ES desarrollar mis páginas Web con la propiedad Grid.
    Son muy buenos tus videos, LIKE. Y cuando empeze en este mundo de desarrollo tus videos me ayudaron, así como la Comunidad De Héroes de la Web ...

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

      CSS Grid es genial, que bueno que lo vayuas a empezar a utilizar, vas a ver como te ayuda mucho en tus proyectos. Y es genial que estuvieras en Héroes de la Web, muy pocos usuarios la conocieron y eran activos.

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

    Excelente curso Carlos me emociono darme cuenta de muchas cosas complejas que veia en css y que con grid todo es mas simple drasticamente creo que eso mismo hizo que me viera todos los videos de corrido en un dia, espero sigas sacando mas cursos asi o seguir actualizando los de udemy saludos.

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

    Viejo lo felicito termine el curso en un solo día y enserio que me encanto este curso, nos facilitaste la vida a muchos. muchisimas gracias.

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

      Heyner Humanez Me alegra escuchar eso! Saludos!

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

    ¡Excelente video! Aprendí mucho en pocos minutos. Explicas muy bien.

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

    Vengo del curso de Diseño web en Udemy, por cierto excelente y vine a indagar lo de CSS GRID y me parece increible, buena explicacion y mas aun das indicios de creatividad explicando correctamente las propiedas a utilizar. Saludos y muchas gracias por el material brindado respecto a este tema, aparte de la buena enseñanza en el curso de Udemy.

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

    ¡Muy bueno! si se quiere agregar un menú en el header. En ese caso se utilizaría flexbox?

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

    Carlos tengo una duda con respecto a cuando trabajas con Flex Box, como sabes cuándo usar en las propiedades de justify y align, items o content? Como se cuando debo usar items o content?

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

    Excelente explicación... Estoy iniciando con grid y la verdad de todas las facilidades que ofrece esta es la más genial 😭😭👏👏👏

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

    Carlos Arturo gracias por este excelente curso definitivamente tus aportes son invaluables.

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

    Pucha que maravilla, esto ahorra mucho tiempo, acabe de probar un par de cosas y excelente!!!!!!.

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

    Este es un excelente curso, bien explicado y me ayudo a resolver inconvenientes que tenia desde hace tiempo. Muchas gracias

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

    Muchas gracias fue un gran curso …sigue haciendo tus videos aprendemos mucho de ellos ❤

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

    Muchas gracias por subir este video me ayudo mucho a comprender css grid.Es muy dificil encontrar un buen profesor que te explique todo muy detallado y completo.De verdad te lo agradesco mucho por que este tema es fundamental.

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

      Me alegra que te sirviera!

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

      Queria preguntarte por que intente hacer la segunda forma, pero no me salio bien el responsive si con la primera forma me quedo bien distribuido.
      Con la segunda forma no me dejo agregar una fila mas para el sidebar , cuando intento acomodarlo queda por encima del contenido tapandolo.
      En cambio con la primera forma el sidebar tiene su propia fila.

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

      No se si podrias ayudarme por que me gustaria llegar a hacer la segunda forma.

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

    Gracias empece a estudiar y me costaba ponerlo en practica en una pagina! Gracias gracias!!!

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

    Muchas gracias, bien explicado! el código es más simple con css grid definitivamente.
    Saludos desde Gotemburgo, Suecia!

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

    ¿Alguien más ve los videos en cuarentena?
    Excelente Carlos Arturo.Explicas muy bien.

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

    Hola buenos días. Vengo del curso de udemy de diseño web y mi primera duda sobre este segmentos es ¿Por qué en este video no usaste box-sizing?

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

    Que increíble video jajajajajaja el final es épico cuando borra todo y yo así de "WTF!!! Puse muchísima atención" y después sale con un metodo super fácil super de lujo. No me arrepiento nada en haber comprado este curso en udemy. Eres de los mejores profesores que hay en estás plataformas

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

      yo me desmoralice cuando dijo: "pero todo lo hecho no nos sirve para responsive !", y yo : y entonces que hemos hecho en esta practica ?? 🤯, cuando elimine esas líneas de código vi como todo mi esfuerzo se desorganizaba ajaja pero al final vi la luz al final del túnel jajaj

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

    Excelente curso, me sirvió mucho para reforzar los conocimientos de CSS grid

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

    Me exploto la cabeza con lo fácil de manejar el grid-area muchas gracias por tus video. :)

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

    Muchas gracias, fue muy sencillo el tutorial y fácil de seguir.

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

    ¿Este video no debería estar en la lista de reproducción del curso? Lo estaba siguiendo por ahí.

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

      Tienes razón, no se porque no esta en la lista. Lo agrego.

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

    En un dia hice todo tu curso de grid y es excelente, me ayudaste a desenredarme de un proyecto que no sabia como hacerlo responsive y ademas, mi codigo ya se ve bonito y limpio 💜, porque estaba horroso sin css-grid. Ojala puedas subir mas proyecto con esta herramienta porque ahora mi estress es como voy a incluir todo lo que tengo para que no se me desorganice toda la estructura bonita que tengo 😆.

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

      Me da mucho gusto que mi video te sirviera! :D

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

    Muchas gracias, explicaste justo lo que estaba buscando. Saludos desde Panamá.

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

    Muchisimas gracias Arturo. El responsive me estaba matando la cabeza.

  • @Lakshmynarayanyganes
    @Lakshmynarayanyganes 5 лет назад +3

    Estoy viendo tus vídeos viejos y sigues vivo!!! Vamos, sigue así.!!!!

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

    Amé un montón hacer las pruebas responsive ❤️ Aclaré más cosas que no había entendido muy bien. No sé si CSS Grid se utilice mucho ahorita, pero me alegra haber seguido este curso.

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

      Si, CSS Grid se usa mucho, esa en su mejor punto y vienen aun mas cosas de css grid en el futuro.

  • @adrianmontilla5626
    @adrianmontilla5626 5 лет назад

    Falcón hola con respecto al orden de aprendizaje que me diste es decir primero aprender HTML y CSS que por cierto ya voy por el vídeo #12 en fin después de eso estaba pensando en PHP y y quiero preguntarte algo ¿Cuando debería aprender PHP después de aprender HTML CSS y Javascript? Y luego de eso están los framewords osea las librerías como bootrap etc.. y luego continuar con el orden que me diste.

  • @AlbertoMartinez-ru7nk
    @AlbertoMartinez-ru7nk 5 лет назад

    Una pregunta amigo Carlos o a cualquier persona que sepa del tema, en el minuto 12:59 se establece que el sidebar tiene que ir de la columna 3 a la columna 4 (grid-colum: 3 / 4)
    Mi pregunta es si realmente se necesita esa línea de código porque osea, cuando se le dijo al contenido que abarcará 2 columnas (con grid-colum: span 2;) , el sidebar ya quedó por defecto ocupando solamente una columna prntscr.com/p27wg5. Entonces ¿por qué le tengo que decir al sidebar que ocupe una columna si ya lo está haciendo de manera automática? ¿Acaso hay que ser muy explícitos en el tema?

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

    Eres el mejor, de verdad que gracias a este cursso he pasado de hacer webs muy mediocres a que parezcan semi profesionales, gracias de verdad

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

    Wao wao wao que video mas bueno!!!!! ame el GRID!!! Excelente explicacion, que didactico, Bendiciones!!!!!

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

    Excelente curso, 10/10. Cada minuto vale la pena, Eres 🐐

  • @anell0784
    @anell0784 5 лет назад

    Holaa Carlos Arturo. Recomiendas usar CCS Grid directamente en vez de Bootstrap? Agradecería tu orientación. Muchas gracias por todos tus videos! Excelentes como siempre!

    • @FalconMasters
      @FalconMasters  5 лет назад

      Puedes diseñar un sitio de ambas formas y ambos tienen ventajas. Pero si que recomendaría saber ambos antes para luego ya poder decidir como lo quieres hacer.

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

    Woow, Muchas felicidades FalconMaster, tu explicación es bastante clara y pude seguir sin problemas toda tu explicación. Mil gracias!!!

  • @RicardoEliasRetromixUDB
    @RicardoEliasRetromixUDB 5 лет назад +1

    Genial. Sabes cómo explicar hasta el nivel más básico y eso se aprecia..

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

    Muy buen trabajo. Veo que partí por el final pero como ya tenía conocimientos previos de grid, no estuve perdido. Ahora voy a practicar y a seguir aprendiendo. Me suscribo.

  • @THEsyntheticFresh
    @THEsyntheticFresh 3 месяца назад

    Perfecto, esto me viene genial para mí portafolio. Mil gracias ❤

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

    Ya adquirí tu curso en udemy. Eres muy claro en tus explicaciones y por eso me decidí a adquirirlo. GRACIAS!

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

      Muchas gracias Ivan, estoy seguro de que aprenderás mucho.
      Saludos!

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

    Este curso vale oro, me ayudó muchísimo. Muchas gracias Carlos.

  • @zNareak
    @zNareak 5 лет назад +6

    Hola bro, muchas gracias por tener la molestia de subir un buen contenido. Pero puedes subir algo, sobre las propiedades max-width, min-width, max-height, min-height, diferentes posicionamientos con top, bottom, left y right y como posicionar con diferentes divs o sections. Sé que esto lo has dicho muchas veces, pero las primeras propiedades son poco habladas por latinoamericanos en youtube, y alguien como tu con esa experencia y conocimientos lo explicarias al toque. Por favor, necesito a alguien como tu. Gracias de antemano.

  • @d-landjs
    @d-landjs 4 года назад

    Lo máximo Arturo!!! Enseñanza de calidad!!! Sinceramente todo se vuelve mas fácil usando css grid, y yo que pensaba que era mas dificil, mejor que usar boostrapt!!! A seguir con tu curso en Udemy!!!

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

      Muchas gracias!
      La verdad es que si es fácil una vez lo entiendes y es genial!

  • @CompuCat-SI
    @CompuCat-SI 3 года назад

    Muchas gracias FalconMasters, haré mi página web con el conocimiento adquirido en tu curso.
    Muchos saludos

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

    De haber encontrado antes este curso me habria ahorrado muchisimas horas y malos ratos por culpa del maldito responsive. Este tema de verdad "es" un verdadero clavo en el zapato, con css tradicional pero con esto.... 3 lineas y ya! y lo mejor es que sabes explicar, me he dado vueltas por muchos cursos y la verdad es que se van por las ramas, programan como maquinas y no se sabe por qué y para qué es el código.
    Ahora puedo decir con total propiedad que se hacer una pagina web basica 100% responsiva en menos de 10 mins, gracias a ti.
    Se que es mucho pedir, pero es posible que hagas un curso avanzado de css grid con layouts mas complejos o como sacarle el maximo provecho a Grid. Saludos!

  • @federicobertachi7411
    @federicobertachi7411 5 лет назад +2

    Muchas gracias por tomarte el tiempo de subir estos tutoriales. Cada uno de los temas estan muy bien explicados y ejemplificados. Espero que sigas subiendo contenido de calidad, Te ganaste un suscriptor, Te felicito!

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

    Bro la verdad muchas gracias, he visto todos tu videos(bueno casi) sobre paginas webs, desde el de html, ccs principiantes, CSS grid, este y otros dos sobre las medidas. Muy buenos videos la verdad están muy bien explicados y enamoran 🥺

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

    Con un pequeño curso he podido entender muy bien el poder de css grid. Muy agradecido por tus enseñanzas

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

    Me gustó mucho esta clase, voy a ver todos tus videos te ganaste un seguidor.

  • @AlbertoMartinez-ru7nk
    @AlbertoMartinez-ru7nk 5 лет назад

    Otra pregunta Carlos (la comunidad también está invitada a responder si sabe la respuesta :D). En el minuto 14:37 ¿no es innecesario colocar text-align: center si ya se colocó justify-content: center ?

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

    Una pregunta si añades mas contenido a la clase Contenido el largo del SIDEBAR le sigue el largo al Contenido?

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

    ENCONTRE ORO AL FIN....MUCHAS GRACIAS HERMANO, AHORA SI ME RESULTO LO QUE TANTO ME COSTABA ENTENDER

  • @cyberttutoriales2890
    @cyberttutoriales2890 5 лет назад

    ya practiqué el ejemplo practico. me gustaría saber donde podría encontrar mas ejemplos de pagina web con CSS Grid para practicar xfv héroe sin capa..

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

    Gracias sr carlos arturo. ahora voy a mirar tus cursos

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

    A veces uno utiliza frameworks por su parrilla Grid, pero en realidad css ya los tiene, no hay necesidad de depender de esas librerias. Gracias Carlos Arturo por la forma de enseñar arriba los Falcon Masters.

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

    Me ha encantado el curso entero!!! Mil gracias!!

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

    Mil gracias por la explicación, eres el mejor maestro! Saludos desde Guatemala!!

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

    muchas gracias carlos! me has ayudado muchisimo en verdad. No puedo hacer más que comprar tu curso y dejar los anuncios en yt, pero si pudiera hacer más lo haría :) buena vibra para ti

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

      Muchas gracias. De verdad aprecio mucho el apoyo.
      Te mando un gran saludo!

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

    muy buen video, me ayudo bastante, pero quisiera saber que pasa si solo pongo widget-1 widget-2
    no se alinean al medio o habria un espacio en blanco en la tercer columna?