Тёмный

CSS GRID | Guía completa DESDE CERO 

Yoelvis Mulen { code }
Подписаться 39 тыс.
Просмотров 27 тыс.
50% 1

Опубликовано:

 

20 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 86   
@YoelvisM
@YoelvisM 3 года назад
Les dejo este codepen por si desean ir haciendo el ejemplo conmigo: codepen.io/ymulenll/pen/mdEvavE
@YoelvisM
@YoelvisM 4 года назад
Gracias a todos los que estuvieron en el estreno del video y a todos los que siguen el canal 🙌. Estoy preparando contenidos interesantes muchos de ellos basado en sus comentarios y recomendaciones. Quisiera saber qué les pareció el video y qué otros videos les gustaría que hiciera. Saludos 👋
@omicronpq
@omicronpq 3 года назад
Yoelvis, muchas gracias por la explicación y dedicación en la elaboración de los videos, te agradecería un mundo si pudieras explicar los menus laterales responsivos y los fixed o fijos con css grid
@guillermoffunaro6987
@guillermoffunaro6987 2 года назад
Gracias Yoelvis, excelente trabajo!
@franciscomontesgomez2067
@franciscomontesgomez2067 5 месяцев назад
¡ F A N T A S T I C O ! Paso a paso. Desde el verdadero inicio. Yoelvis te acompaña todo el tiempo y responde a la mayor parte de las dudas que suelen surgir al usar el grid.
@luisfernandomontoya181
@luisfernandomontoya181 2 года назад
El mejor tutorial de CSS GRID que he visto en youtube. Muchas gracias!
2 года назад
Excelente guía, jamás había usado el css grid, un saludo Yoelvis!
@Heisusin
@Heisusin Год назад
Muchísimas gracias Yoelvis. Siempre me salvas el día cuando tengo alguna duda con mis estudios. 🎉🎉
@moisese.hernandezcontreras6431
@moisese.hernandezcontreras6431 2 года назад
No había entendido el maquetado con grid y nadie daba un explicación tan clara y entendible como la suya. Genial es un genio.
@enrique27yt
@enrique27yt 10 месяцев назад
Yoel hermano !! este es el mejor video de grid (y que al fin puedo entender jeje) muchas gracias por compartir el contenido sigue asi 👍
@rowertmendez2653
@rowertmendez2653 Год назад
Usted, amigo mío, enseña demasiado bien y eso me hace motivarme más aún en seguir en este mundo de la programación. Gracias!
@elacontecerdebarrancas603
@elacontecerdebarrancas603 Год назад
Excelente enseñanza, muy didáctica y de fácil comprencion, me ayuda mucho, estoy empezando a aprender y me despejo un poco la comprencion de maquetar, muchas gracias por tu aporte, José Sánchez de Venezuela.
@angelruizguerrero4082
@angelruizguerrero4082 Год назад
No entiendo como no tienes mas vista! Vas a un excelente ritmo y abarcas mucho en cada uno de tus videos.
@jonatanosorioarcila8437
@jonatanosorioarcila8437 2 года назад
Mi hermano... No he encontrado persona que explique mejor que tú. Gracias por tu vocación y tu entrega a enseñar. Un abrazo desde Colombia. Amigo, tienes por ahí las notas sobres este tema?
@jn-olmos
@jn-olmos 2 года назад
Necesitaba algo de repaso y me cayó como anillo al dedo. Muchas gracias Yoelvis, bien estructurado y calidad de contenido. +1 Sub
@gabrielwp
@gabrielwp 2 года назад
Este video vale oro. Excelente. Muchas gracias por tu explicación.
@Saul_evg
@Saul_evg 2 года назад
gracias amigo, siempre vuelvo aqui para repasar cuando estoy haciendo un grid.
@luzbelita
@luzbelita 3 года назад
Se te entiende todo perfectamente y explicaste de todo, muchas gracias, me sirvió un montón!
@krcode9649
@krcode9649 3 года назад
Lo felicito por esa forma de explicar, y esas gráficas para uno tenerlas.. Eres un gran maestro.. Tienes un seguidor mas
@nylh1212
@nylh1212 2 года назад
Excelente. Saludos y bendiciones desde Colombia. (y)
@santiagonievas5431
@santiagonievas5431 2 года назад
Sos tan genio , que asusta ! Estoy comenzando , hace 1 mes empecé un pequeño curso de html y css, si bien el profe es muy bueno y sabe . No puedo entender como unir el flex y grid. Por que nunca lo hizo en una misma clase . Si pudieras hacer un video hacer en la misma línea de código ambas cosas, te agradecería.
@alexanderbesedichek
@alexanderbesedichek 2 года назад
Excelente, muchas gracias por compartir.
@elliotgaramendi
@elliotgaramendi 3 года назад
¡Demasiado bueno! Me encanta que expliques mucho la teoría! Muchas gracias por compartir tus conocimientos!
@erickbroos7233
@erickbroos7233 3 года назад
este es el mejor tutorial de grid de internet
@brayanalexis2414
@brayanalexis2414 3 года назад
Muy bueno muchas gracias
@cristiannerylozada4713
@cristiannerylozada4713 2 года назад
explicas de manera clara y sencilla, buen video y buen canal, sigue asi
@THECMYKFILTER
@THECMYKFILTER 2 года назад
Excelente el mejor, ya lo comparti!
@maleeme836
@maleeme836 2 года назад
Me llevo varias cosas de tu video!!
@manuelcuevas1378
@manuelcuevas1378 2 года назад
excelente explicacion la mejor que vi en youtube
@lucacaparelli1750
@lucacaparelli1750 2 года назад
Hola Yoelvis primero que nada muchísimas gracias por tu tiempo y por compartir tu conocimiento. La guía es super clara, explicas muy bien y la teoría antes de cada tema es muy buena. Me ha ayudado mucho para entender Grid. Genial los marcadores de posición jaja :D Saludos y el mejor de los éxitos!
@cristiansantana4431
@cristiansantana4431 3 года назад
muchas gracias por este video ¡¡¡ te agradezco el tiempo que le dedicaste, lo valoro mucho. explicas todo de forma excelente y se entiende ja. sigue así ¡¡¡
@franklinxavierrodriguezsan3359
@franklinxavierrodriguezsan3359 2 года назад
Esta potente ese Grid la verdad, buen tutorial extraordinario
@carlosgomez7002
@carlosgomez7002 2 года назад
Excelentemente bien explicado para mí. Gracias por compartir
@Christhianhernandez-h8p
@Christhianhernandez-h8p Год назад
Eres un crack!!
@mirrico_
@mirrico_ 3 года назад
Gracias profe!! muy buena explicación, saludos!
@crearedes
@crearedes 3 года назад
Gracias, estimado, lo veré completo, ambas recomendaciones!
@maikelrosabal8330
@maikelrosabal8330 4 года назад
Excelente video, bastante completo. Gracias Yoelvis.
@chaboxx159c
@chaboxx159c 3 года назад
buen curso :)
@yorlenegonzalez7286
@yorlenegonzalez7286 2 года назад
Hola, excelente explicación, muchas gracias
@juanaguilo2292
@juanaguilo2292 2 года назад
Excelentes tus videos, super claro.
@666FK
@666FK 2 года назад
que excelente contenido, mil gracias por compartir.
@josnielfermin2915
@josnielfermin2915 2 года назад
Muy buen video y excelente explicación tienes un nuevo suscriptor y seguidor
@silviozabala2814
@silviozabala2814 4 года назад
Esta excelente Yoelvis, se podrá hacer un sitio básico con Grid CSS y Flexbox que sea adaptable a Celular y tableta, para ver en que momento usar una cosa y la otra, además que nos muestres mejores practicas ???
@YoelvisM
@YoelvisM 4 года назад
Hola Silvio, muy buena sugerencia, tengo pensado hacer un video con las diferencias entre grid y flexbox y cuándo usar uno u otro. Además está bueno lo de hacer un sitio con ambos muy buena recomendación, gracias.
@silviozabala2814
@silviozabala2814 4 года назад
@@YoelvisM Acá lo vamos estar esperando!!! Gracias Yoelvis
@durians.9914
@durians.9914 4 года назад
Concuerdo contigo amigo 👌🏼
@GerdSa
@GerdSa 3 года назад
gracias bro , buen contenido.
@eduardouresticharre6873
@eduardouresticharre6873 3 года назад
Muchas gracias por compartir!
@andresmendoza9015
@andresmendoza9015 3 года назад
grande amigo
@syscabmcommunity3368
@syscabmcommunity3368 2 года назад
Sería bueno saber. Que es css grid.
@wjofre1
@wjofre1 3 года назад
Crack! Felicitaciones por ese don que tienes de explicar tan fácilmente, tus videos son fantásticos, me han servido mucho en mi larga carrera de aprendizaje como web developer. Un abrazo!
@migueldiazriveaux7442
@migueldiazriveaux7442 2 года назад
Awesome!!!
@Stepanhuge
@Stepanhuge 4 года назад
eres el mejor!
@danielpo5771
@danielpo5771 3 года назад
Excelente!!!!
@manularrere
@manularrere 2 года назад
Hola, estoy aprendiendo HTML y CSS, mi pregunta es que si me conviene seguir sin grid o intentar agarrarle la mano al grid mas rapido, ya que por lo que veo, es mas facil y mas rapido que usar CSS comun
@juanleonelmitre2764
@juanleonelmitre2764 2 года назад
Aprende ambos, grid como flexbox
@guillermoravaschino5689
@guillermoravaschino5689 3 года назад
Excelente! Te pido que agregues algo (como en otros tutoriales tuyos) que lo haría mucho más útil aun: el enlace a los codigos parciales y/o definitivos, tanto en css como en html. Será factible? Gracias desde ya.
@YoelvisM
@YoelvisM 3 года назад
Gracias por la recomendación
@YoelvisM
@YoelvisM 3 года назад
Hola Guillermo, creo que en este caso el código pasa por muchas etapas y tendría que ver la manera de compartirlas, de momento te comparto este codepen con el estado inicial para que puedas seguir el tutorial. Saludos codepen.io/ymulenll/pen/mdEvavE github: github.com/ymulenll/css-grid-guide
@elcymartinez9642
@elcymartinez9642 3 года назад
Hola. Excelente tutorial, te queria consultar porque me pasa siempre que las columnas me quedan una debajo de la otra, en lugar de una al lado de la otra. uso grip-template-columns y siempre me queda asi. ¿porque crees que sea eso?. Gracias
@YoelvisM
@YoelvisM 3 года назад
Hola, fíjate que el grid maneja los elementos hijos de primer nivel, capaz los tienes mas anidados los elementos y por eso no agarra, puedes ver mejor en las herramientas de desarrollador del navegador
@RiverYNadaMas.1901
@RiverYNadaMas.1901 2 года назад
Muy buen turtorial yoelvis me quedo una duda, no me quedo claro respecto a lo de grid implicito y explicito te agradeceria si me podrias responder dandome una explicacion breve, saludos
@YoelvisM
@YoelvisM 2 года назад
Hola, el grid implícito son las filas y columnas que definimos de forma explícita utilizando por ejemplo grid-temate-columns y grid-template-rows. Mientras que el implícito son las partes que funcionan de forma automática y es el flujo que van a tener los elementos dentro del grid que no se definieron explícitamente, esta parte implícita se puede ajustar usando grid-auto-columns y grid-auto-rows.
@RiverYNadaMas.1901
@RiverYNadaMas.1901 2 года назад
@@YoelvisM Gracias amigo
@linkcr
@linkcr 4 года назад
Gracias!!! :D
@ritadelatorre215
@ritadelatorre215 2 года назад
Mil GRACIAS y MUCHAS BENDICIONES
@---jp2tf
@---jp2tf 4 года назад
great tutorial. what editor do you use at this presentation? thanks
@YoelvisM
@YoelvisM 4 года назад
Thanks, I use Visual Studio Code
@lucianozanella2988
@lucianozanella2988 3 года назад
Hola Yoelvis, !! te consulto .. (31:50 lineas con numeros negativos), por que no acepta un "grid-row: 1 / -1" ?
@YoelvisM
@YoelvisM 3 года назад
Hola Luciano, si lo acepta pero los números negativos funcionan solo para el grid explícito, es decir, lo que tengas configurado con grid-template-columns y grid-template-rows, pero lo que es el grid implícito que son las filas o columnas que se generan de forma automática no soportas números negativos, saludos
@lucianozanella2988
@lucianozanella2988 3 года назад
@@YoelvisM gracias! claro y útil tus videos, felicidades!
@YoelvisM
@YoelvisM 3 года назад
@@lucianozanella2988 muchas gracias!
@alfredoandradeuzcategui1108
@alfredoandradeuzcategui1108 3 года назад
Hola, el auto-fit no se aplica bien cuando yo lo utilizo, no sé si puede ser porque uso Chrome, porque no le encuentro otra explicación hice todo igual...
@YoelvisM
@YoelvisM 3 года назад
Hola Alfredo, si quieres me puedes pasar el css a ver, porque yo también pruebo todo con chrome y funciona perfecto, debe ser algún detalle que tienes diferente. Saludos
@ricardootero6530
@ricardootero6530 3 года назад
Muy buen curso. Eres Cubano?? Saludos y te sigo.
@YoelvisM
@YoelvisM 3 года назад
Hola amigo si soy cubano, saludos
@motob3553
@motob3553 4 года назад
El destino me a traído aquí
@kevinl.7886
@kevinl.7886 4 года назад
Cómo haces para comentar rapido?
@YoelvisM
@YoelvisM 4 года назад
Hola Kevin. En vscode el atajo para comentar/descomentar es *Ctrl + /*
@kevinl.7886
@kevinl.7886 4 года назад
Genial! Gracias c:
@KarinaPino-pf6ji
@KarinaPino-pf6ji 10 месяцев назад
Eres cubano?
@YoelvisM
@YoelvisM 10 месяцев назад
Si 🇨🇺
@KarinaPino-pf6ji
@KarinaPino-pf6ji 10 месяцев назад
Me ha dado mucha alegria encontrar tutoriales que hace un programador cubano. Estas salvando mi batalla con el Grid! Gracias :)@@YoelvisM
Далее
CSS Flexbox | Guía completa DESDE CERO
27:58
Просмотров 19 тыс.
CSS Grid vs Flexbox - Cuando usar uno u otro.
22:09
Просмотров 355 тыс.
CSS Grid | Introducción Práctica desde Cero
34:53
Просмотров 290 тыс.
😈Maquetado con GRID explicado como nunca antes!
12:01
Create Complex Layouts EASILY with Framer's CSS GRID
16:06