Maquetado responsive con CSS Grid | Diseño adaptativo

[@Mtc790]

dios mio una vida peleando para que los elementos me tomaran todo el height de la pagina, videos de horas, tutoriales x demás hasta que llegue aca, genial

[@apoyoinformaticorp9268]

mismo caso jejeje

[@DanielGonzalez-mg2pg]

Excelente explicación, saludos desde Ecuador-Guayaquil, gracias por compartir conocimiento.

[@YoelvisM]

Saludos!

[@leandroacuna5159]

LIteralmente sigo sin creer que es real poder hacerlo de esta manera tan facil, videos de HORAS, en serio MUCHAS HORAS y solo renegaba con los width, los height y demas, no se, te amo uwu

[@jonathansanso5900]

Es increíble como este video supera y arraza a todos los profesores vuelteros y rebuscados que pueden saber mucho y explican para la mismísima miércoles gastando 3 horas para que nadie entienda nada. Por miles de videos como este 🎇🎆🎇🎆

[@yamilcrespo2140]

X2

[@GENIOSDELCODIGO]

@@jonathansanso5900 El desastre es cuando intentas poner cajas de texto etiquetas o usar formularios no pude!!!!!!

[@lucasadrianpulido1063]

Una explicación tan simple, y otros profesores lo explican muy difícil hasta te pierden

[@juliojosellanosparias4902]

La verdad que si hasta yo estoy asombrado jaajjaj

[@antonioweb4708]

Perfecto. A veces no es lo que sabes, sino como explica, lo haces bien y sencillo de entender. Gracias

[@macustore]

wow, wow, wow. Me pase horas intentando maquetar y programar responsive. Solo te tomo 13 minutos. Mis mejores 13 minutos invertidos. Gracias Yoelvis.

[@diegoalejodiazp182]

La mejor explicación que he visto definitivamente, gracias por tu tiempo para enseñar. Saludos!!

[@YoelvisM]

Muchas gracias

[@davidemersonperalesvillanu70]

la verdad

[@Iam-Fabian]

He visto este video 123 veces y no me canso. Es realmente bueno, leas aconsejo bajarlo y tenerlo como joya. Felicidades y gracias a su creador Yoelvis. Siempre veo sus videos y por supuesto sigo esperando más información de su parte.

[@juancamiloyepez5839]

uffff parcero que nivel de conocimiento y manera de explicar, definitivamente lo haces con una simpleza, es digno de admirar ... gracias por compartir tu conocimiento 👌🙌👏

[@RojasYoutube]

Hasta ahora este es el mejor tutorial que veo relacionado con CSS Grid 👍👍👍

[@junmyyeonhyun985]

horas viento videos de mas de 1hr y este video de 13min me ayudo muchísimo, gracias

[@GonzaloNahuelGramajo]

Era hacer un vídeo bro, no el mejor tutorial de la vida 🤯❤. MUCHAS GRACIAS, hiciste verlo como un juego

[@YoelvisM]

jaja muchas gracias por el comentario

[@bando2994]

El mejor tutorial de grids que vi, horas viendo videos y aca en 13 minutos lo explico a la perfección.

[@codigonow995]

Gracias Yoelvis, maravilloso tutorial. Estamos aprendiendo mucho contigo. Bendiciones.

[@edwina.espinaltaveras4222]

maravilloso, tenia problemas con maquetar paginas web con grid ya que lo hacia posicionando cada elemento con grid-columm y grid-row, ahora con grid-template-area se me facilitara mucho. Muchas gracias

[@YoelvisM]

la verdad que si, se facilita muchísimo

[@Antonysuarez_oficial]

mejor explicado imposible, yo que estoy haciendo un curso entendi mejor con este bro tu eres loco

[@pedrojasper]

ufffff genial no entendía del todo el GRID pero gracias a Dios encontré tu vídeo fue de bendición Dios te bendiga y gracias por compartir tus enseñanzas que se te multipliquen al 1000%

[@alanrojas1398]

Hola como te va!!. Vengo de tutorial en tutorial, y no es por menospreciar a ningún creador de contenido. La mayoría no puede explicar en 2 horas de reloj, lo que vos acabas de explicar en unos minutos, y eso no es nada fácil de conseguir! Agradezco haberme topado con este video. Un millón de gracias!

[@YoelvisM]

Muchas gracias me da mucho ánimo tu comentario para seguir compartiendo contenido. Saludos 🙌!

[@cristianleal1690]

fuauuaaaaa grande genioooooo al fin di en la tecla ahora toca ver el video muchas veces y practicar a la vez jeejejejejeje me salio!!!!

[@danielaguilar7570]

El mejor de casa grid que e visto, muy entendible

[@vanesanchez5578]

Transmites mucha alegría por compartir. Motivas mucho.

[@MinisterioMusicalRenacer]

Maravilloso! Me has sacado de un tremendo lío que tenía.

[@YoelvisM]

genial, me alegro mucho!

[@manuelenriquepazleiva7832]

Muchas gracias por tu video, he buscado muchos tutoriales, pero a mi punto de vista no explican para que sirve esto, etc. Excelente tu trabajo. Espero otro video de tu parte pero ya con un maqueto completo. Excelente trabajo.👍

[@luiscsepulveda]

Creo que a medida que el tutorial avanzaba comencé a lamentar todo el tiempo perdido las 72 h viendo tutoriales y volviendo a ver las clases grabadas. Gracias

[@ChristianRamirez-xe8qp]

Excelente aportación, antes era relajo maquetar y ahora con esta herramienta es muy agradable y fácil. Gracias!!!!

[@Lukas-dt9km]

excelente video !! pude aprender algo importante con explicacion clara y sencilla!! Muchas gracias!! Saludos desde Buenos Aires!!

[@marcelochaves2778]

Uauu encontre la luz, venia de varios tutoriales buenos y muy buenos. Pero no se, haciendo el tuyo me funciono todo. Felicitaciones Yoelvis!

[@matiasparedes4578]

Yoelvis no tengo palabras para expresar lo bien que transmitis ltus conocimientos, haces que todo parezca muy facil y eso habla de tu talento para enseñar, te agradezco muchisimo y segui subiendo material de calidad, que nos ayuda enormemente a todos tus seguidores. Abrazo desde BSAS ARGENTiNA. 👏🤝💻🖥

[@YoelvisM]

Muchas gracias Matias por el comentario, abrazo desde Montevideo!

[@session182]

la verdad que mas claro imposible!!!!!! excelente, muchas gracias

[@gerardoaraujo5312]

Gracias por ese aporte, nos ayudas mucho con toda esa explicacion y nos saca de dudas. mil gracias, Dios le Bendiga

[@nelsongonzalez5370]

hola, quiero felicitarte que buena explicacion el unico video que verdaderamente funciona de entre miles que revise para poder entender este tema, solo me queda la tarea de ajustar mi grid con solo 2 columnas y 2 filas para un trabajo que estoy realizando, en verdad mauchas gracias y felicitaciones

[@fg0611]

Impecable! ...Gracias Yoelvis saludos de un venezolano en argentina!

[@gaballester]

Excelente, estoy haciendo un curso y me saqué un montón de dudas con tu video. Super claro, conciso y sencillo de ver Te felicito!!!

[@AngeljesusM]

Nunca se me ha dado programacion web y por eso me oriente a movil. Con este video me dan ganas de aprender web

[@USENEWSCHANNEL2024]

Lo digo con pocas palabras : BREVE , CLARO, FACIL Y RAPIDO Y FUNCIONA COMO DEBE !!!!! Gracias Yoelvis por favor seguí ilustrándonos !!!

[@USENEWSCHANNEL2024]

Hola Yoelvis si tuvieras tiempo sería ideal que hicieras una segunda parte de éste tutorial pero relacionado al contenido exclusivamente es decir texto imágenes responsivas y algún secretito más que tuvieras por allí. Muchas gracias.

[@YoelvisM]

@@USENEWSCHANNEL2024 gracias lo voy a tener en cuenta, también tengo un video sobre css-grid creando una galería de imágenes (kzbin.info/www/bejne/nGScYWWulMmkp7M), de esa manera es la que más lo uso ya que sirve también para listar cualquier cosa en una grilla o crear secciones responsive en el html estilo bootstrap.

[@USENEWSCHANNEL2024]

@@YoelvisM Muchas gracias seguramente lo veré.

[@selienyorbandi]

Muy claro y sintético para explicar!! Muchas gracias

[@daedsoft]

Yo por lo general usaba Bootstrap para esto (usando solo la hoja boostrap.grid.css) pero ahora gracias a este señor... ¡Hasta nunca, Bootstrap!. Gracias.

[@pathselektor]

tantos videos que he visto y con este aprendí nuevos trucos.

[@lautadev]

El mejor tutorial de grid. Felicitaciones!

[@alexisbello6516]

Hermano buenisimo.... Se te entiendo muy pero muy bien, sin tanto parlamento directo y muy bien explicado. Sigue asi por favor, me suscribo y pedazo de like

[@alexisbello6516]

PD: Hice esta clase con el y me quedo tiempo para jugar al LOL e ir a visitar a mi novia xD

[@coraimatorres1933]

Uno de los mejores tutoriales que he visto y fácil de entender. Muchas gracias, lo necesitaba urgente.✌🥺

[@YoelvisM]

Gracias

[@yuriyaranga6688]

Super Genial. Fue pragmático, en un lenguaje limpio y entendible.

[@pacojacoraider271]

Gracias por la simpleza con que es explicas, me motivaste a probar maquetear... Muchas gracias amigo

[@dana.6403.]

Fantástico video!! muchas gracias por esta magnifica explicación!!

[@ezequielvera9841]

El mejor video de Grid que vi hasta ahora! muchas gracias

[@Andres_Victor]

Y yo que le tenia miedo a aprender grids, Eres un grande maquina

[@franciscovaldemoro1]

Gracias, lo explicaste de una forma sencilla y clara. Muy útil

[@Shinbatsu77]

Buenas !!! MUY buen video !! Muy claro y bien explicado. Asi da gusto !! Muchas gracias Yoelvis y un saludo !!

[@ganesha6474]

GRANDE,ME HAS FACILITADO LA VIDA. Mañana tengo examen de CSS y la verdad es que me ha servido para entender el Grid y usarlo de una manera sencilla ahorrando código. Gracias!!

[@YoelvisM]

Muchas gracias, espero salgas bien 🙂

[@ganesha6474]

Un 8.21 el examen teórico. Ahora me falta saber la nota del práctico. Actualizaré 🤞🏻

[@ganesha6474]

@Nomarchess estudio y trabajo con contrato de formación para una administración pública de Palma de Mallorca, para conseguir el certificado de profesionalidad de desarrolladora web ✌🏻

[@ganesha6474]

7.25 el práctico, aunque entraba todo de CSS, flexbox, posicionamiento, formato a texto, etc. Aún así not bad✨

[@Chickenator-gamer5286]

Que genio sos, aprendí mucho de tus tutoriales Saludos desde Argentina.

[@666FK]

Lo mejor que he visto respecto a grid css, gracias por compartir.

[@YoelvisM]

Gracias amigo, por comentarios como el tuyo es que me motivo a hacer videos, es lindo cuando se puede aportar algo y ser útil a otros. Saludos

[@666FK]

@@YoelvisM mil gracias a ti, es difícil encontrar contenido de tanta calidad como el tuyo , sos un capo, un abrazo!

[@daniloa.8511]

Simplemente ,impresionante...tantas formas de hacerlo y venis con este video a explicarlo de una manera tan practica, entendible y visible que enseguida se convierte en el mejor metodo a utilizar! Gracias por obsequiarnos esto

[@Lexnac]

Aprendí en nada de tiempo Grid jajaja y yo viendo videos de como 1 hora y era tan simple. Muchas gracias! Ya me suscribí ! :D

[@armandoiglesiascot711]

MUY PERFECTO EL VIDEO, YO SOY UN NOVATO Y PUDE ENTENDERLO MUY BIEN, FELICITACIONES

[@josecalix]

El vídeo más preciso y consiso. 👏🏽

[@eze-ar]

Bravo lo del truquito del HTML height recién lo veo acá y busqué por todos lados. 13' que cambiaron mi vida como diseñador web (jr) jaja. Aplausos.

[@arielmunoz13]

Muchas gracias, realmente me ha servido mucho. Solo estaba utilizando Flexbox, pero de ahora en más voy a aplicar esto ¡Saludos!

[@YoelvisM]

Que bien, igual puedes seguir usando flexbox pero en muchos casos es mucho mejor el grid, sobre todo en diseños de 2 dimensiones como grids o layouts

[@arielmunoz13]

@@YoelvisM Dale, genial. Lo voy a tener en cuenta ¡Muchas gracias por el consejo!

[@martinernestotorre6994]

Gracias Yoelvis, muy bueno ! ahora debo ver como poner contenido dentro desde los componentes de Angular. Saludo desde Argentina !

[@josegregoriogarcia5427]

De todos los videos que e visto, Tu explicas de una manera super clara y concisa sin dar muchas vueltas al asunto! Magnifico de verdad!

[@renzo259]

La mejor explicación de como hacer un layout con grid que me he encontrado, gracias.

[@johnortiz7216]

Gracias , la mejor explicación que he visto , excelente

[@carlossotillo7982]

amigo muchas gracias, soy venezolano y he iniciado este camino de la programación hace poco tu video es de muchísima ayuda para los que queremos tomar este camino a una vida mejor

[@alicbarandicamejia5626]

De esta forma lo veo tan, pero tan sencillo que casi no me lo creo, muchas gracias por el contenido, me ha sido de mucha ayuda

[@rodrigodv77]

Me saco el sombrero.. Mis sinceros saludos.

[@Leandro-ym1zy]

Muy simple de entender, muy práctico y muy prolijo. Gracias!!!

[@deaxxx132]

De corazón te agradezco por el tuto rápido y eficiente. Te ganaste un fan/subs. Abrazo desde Argentina.

[@MoisesMiguelCasas]

Perfecto, muchas gracias por compartir tus conocimientos, estoy retomando la programación y este video si que motiva, muy sencillo practico y explicado. Gracias por el aporte.

[@vanesapaolasoria6065]

Excelente tutorial, no pudo ser más fácil la explicación...Ahora entiendo como aplicar el grid. Gracias por compartirlo.

[@adrenocromox]

Muy buen tutorial, muy clara la información y la locución prolija. Me gusto el estilo, bien académico.

[@oscarforastieri619]

Muy buen video, muy buena explicacion , simple y claro, te felicito y te doy las gracias por compartir tus habilidades en maquetacion.

[@YoelvisM]

gracias por el comentario y por seguir el canal, saludos!

[@elganstergamer839]

Se nota la experiencia, gracias por compartir tus conocimientos

[@beerreviewtv]

Iluminaste mí proyecto. Descubrí tu video gracias a KZbin y ahora estoy reformulando mí portafolio. La forma ultra sencilla que explicaste para dar forma a la página es genial. Ya estoy aplicando. Y obvio ya me subscribi. Saludos desde Argentina!

[@user-Chinchu]

Gracias siempre me costó entender Grid y con este video se me hizo súper fácil !!!!!

[@sebastianlanzetti]

Por FA VOR, buenísimo el video la verdad, 100/10. Felicidades por hacer un maquetado tan pero tan simple.

[@hectoreduardomendozaminchez]

Increíblemente fácil, dicen que la inteligencia es convertir lo difícil en fácil, gracias por tan excelente video.

[@DomingoHernandezHdez]

Ver esto me hace llorar por los dias que pasaba tratando de posicionar cosas cuando estaba aprendiendo css, lo mucho que ha avanzado el css, Excelente video y profesor jejejeje

[@ezequielrivera9992]

Excelente video y explicación, muchísimas gracias. Saludos desde Aguascalientes!!

[@yaeluriel]

Me salió en recomendados y fue lo mejor que pude ver ♥️ Que impresionante lo que otros tratan de explicar en horas, me acabo de suscribir y estaré al pendiente

[@YoelvisM]

Muchas gracias, me alegra mucho tu comentario, próximamente estaré subiendo nuevos videos 🙌

[@carlos9484]

El maestro lo explica muy bien 👏🏻👏🏻

[@albinacruzbrizuela5911]

Me acabas de salvar la vida!!! Mil gracias!! Mil likes!!!

[@alejandramunoz8233]

woow!! también soy de las que andaban de canal en canal y todo lo que vi era muy tedioso, enredado, largo y por lo tanto cansado, he de confesar que fue el último video que habia decidido ver antes de darme por vencida, un video 100 de 100 , buena explicación fácil digerible sin tanto rodeo, limpio y corto. Maestro nato gracias muchas gracias por hacerme ver que no era tan enredado y devolverme el entusiasmo de seguir aprendiendo. Ahora quiero ver todos tus videos🙂que este sea un grandioso año!!!💫

[@Street.Melody]

Compañero te ganaste un nuevo subscriptor!! Mil millones de gracias brotherrrr. new sub, new like. Saludos desdeUruguay!!

[@distopiamonocronica8768]

Gracias amigo, este video tiene mucha calidad, y la forma en como lo explicas es demasiado buena, que grande.

[@TIM-5051d4f]

Suscrito! muchas gracias por el aporte y como dice Alan más abajo, que gustazo el poder ver un tutorial tan corto y conciso como el que muestras aquí, enhorabuena y sigue así!

[@YoelvisM]

Muchas gracias por suscribirte, que bueno que te gustó el tutorial, saludos

[@jeanbarco5933]

Lo máximo este sistema amigo. Ayuda mucho a mi que revien estoy empezando....

[@pepinogdev]

Muy bien explicado, se entiende bien y me gusta que hayas explicado lo de grid-template con las medidas row y colum incluidas, es la primera vez que lo veo en varios tutoriales, un saludo!

[@juandavidquimbayonunez6571]

Que tutorial tan bueno de 10 un saludo desde Colombia y ya tienes un nuevo suscriptor genial gracias

[@richardcontreras3919]

Este es el mejor tutorial que he visto de Grid. Si tienes otros videos seria excelente amigo

[@YoelvisM]

Muchas gracias, si tengo otros videos que puedes encontrar en el canal, además estoy preparando muchos más. Saludos

[@juanpabloaccinelli9259]

Muchísimas gracias, Yoelvis!! Realmente no encontré, entre todos los videos que miré (y creeme que fueron muchos), explicación tan sencilla y directa como la tuya. Encima, como si fuera poco, compartís tu código para que uno lo pueda repasar, masticar y así ir grabando bien a fondo los conocimientos. Infinitas gracias y, por supuesto, me acabo de suscribir a tu canal. Abrazo grande!!

[@ramonperez-u3s]

el mejor tutorial que he visto, muchas gracias

[@Raymond_75]

muy bueno hermano ... espero mas por favor mas grid creando paginas ... mis felicitaciones

[@nexts-shop]

Master ud hace que todo sea facil y claro. Imposible no aprender con sus clases. Monstruo...éxitos en el canal

[@HguillermoVerde]

Dios mio que facil hiciste ver esto, he visto muchisima cantidad de videos y he probado y fallado una y otra vez con este tema, y contigo lo entendi tan facil como sumar eres un grande de verdad MUCHISISISIMAS GRACIAS

[@hikaruhorunobu]

WOW, estoy aprendiendo a usar css y vengo de una pagina web muy conocidadonde te enseñan desde cero a programar en css, pero nunca llegaron a este nivel. INCREIBLE!!! Muchas gracias por enseñarnos! :)

[@richardguach5869]

De tantos tutoriales que había visto, este fue el único que me ayudó, fácil, rápido, y al grano. Muchas gracias por compartir tu conocimiento. Nuevo suscriptor :D.

[@austinmoquillazajayo8968]

TNice tutorials is actually a very good and straight forward tutorial. No having ask questions or guess, no over-explaining elents, and brings

[@davidemanuelmorinigobritez985]

genial capo este tutoría me despejó muchísimas dudas, igual sigo buscando como pasar una web maquetada en Photoshop a HTML y css, pero con esto ya tengo mas claras la ideas. se que hay programas que hacen ese trabajo pero quería ir por pasos y una parte importante es poder hacer mis diseños web y pasarlos a código limpio.

[@Polybiusly]

Wow! acabas de abrir un nuevo mundo para mi!! eres muy bueno explicando, gracias por tu contenido!

[@ivanovichenco]

Gracias amigo por esta manera tan sencilla de entregar este tutorial tan grandioso. Me sacó de un apuro muy grande. Que Dios lo bendiga.

[@andresausecha9553]

buenisimo el video, soy desarrollador fullstack hace 7 años y vine del backend....este grid siempre ha sido mi nemesis, pero con este tipo de videos entiendo mucho mejor

[@Capocomico]

por fin encuentro esto, todos empiezan por las cortinas y los cuadros antes de comenzar por el techo y las paredes