Тёмный
No video :(

Grid CSS: Introducción y conceptos desde cero 

ManzDev
Подписаться 19 тыс.
Просмотров 12 тыс.
50% 1

Si te cuesta entender los sistemas de maquetación de CSS, concretamente de Grid, en este video voy a explicarte las bases y conceptos de Grid, para saber como hacer un Grid básico desde cero. A medida que avancemos, iremos aprendiendo más conceptos en esta serie de videos de Grid.
¡Te lo explico!
SERIE COMPLETA:
1️⃣ (Este vídeo)
2️⃣ • Grid CSS: Centrar, dis...
TIMELINE:
00:00 Introducción a Grid
01:44 ¿Qué uso, Flex o Grid?
02:39 Creando un ejemplo inicial
04:15 inline-grid vs grid
04:50 Columnas (grid-template-columns)
06:05 Filas (grid-template-rows)
07:36 La función repeat()
08:32 La unidad fr
10:20 La función minmax()
11:00 auto-fill vs auto-fit
12:40 Huecos (gap)
13:38 Atajo (grid-template)
14:17 Preguntas
15:11 Grid en Dev Tools
16:09 Box Sizing
17:17 Cierre
LINKS:
👀 Introducción a Grid CSS: lenguajecss.com/css/maquetaci...
¡No te olvides de seguirme! ⚡ manz.dev
---
📹 Twitch: / manzdev
📼 RU-vid: / manzdev
🐤 Twitter: / manz
📷 Instagram: / manz.dev
✈️ Telegram: t.me/ManzDev
🎶 Música: ncs.io

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

 

12 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 28   
@diegocarreraacosta6746
@diegocarreraacosta6746 Год назад
Tu página web está preciosa y toda la información es oro. Es increíble el trabajo que has hecho, gracias por tus tutoriales.
@ManzDev
@ManzDev Год назад
¡Muchísimas gracias, Diego! Se agradece mucho tus palabras y no sabes lo que me alegro de saber que sirve de ayuda. ¡Un abrazo y gracias por tomarte el tiempo de comentar!
@moiseslodeiro
@moiseslodeiro 3 месяца назад
Eres el manz mejor ❤
@nancyramos6035
@nancyramos6035 Год назад
Muy buen contenido. Al pie y sin dar tantas vueltas :D
@ManzDev
@ManzDev Год назад
¡Muchas gracias, Nancy! 🚀🚀🚀
@jeanpierrerodriguez4708
@jeanpierrerodriguez4708 11 месяцев назад
Tremendo tus videos y la documentación de HTML y Css que tienes en tu web. muchas gracias por todo. Saludos desde Uruguay
@ManzDev
@ManzDev 11 месяцев назад
¡Gracias, Jean! 🚀
@JavierGarcia-uc1qr
@JavierGarcia-uc1qr 7 месяцев назад
Gracias Hermanito!!!
@Chorvisabe
@Chorvisabe Год назад
Buenísimo el video!! el mejor profe!!!
@ManzDev
@ManzDev Год назад
¡Mil gracias, Chorvi!
@MagnusRazer
@MagnusRazer Год назад
Soy de Argentina , pero si pudiera conseguir laburo de esto en otro pais (lo que significa cobrar bien) , quiero recompensarte por el tremendo laburo que hiciste. Me va a tomar rato consumir todo tu contenido, pero desde ya, la disposición esta re bonita. Mejor que cursos pagos
@ManzDev
@ManzDev Год назад
¡Muchísimas gracias Ale! Con comentarios como este o que des a conocer a otra gente el contenido, es más que suficiente para mi. ¡Gracias!
@cerm88
@cerm88 Год назад
Excelente vídeo como siempre! A mi me encanta usar el grid-template-areas, me parece una belleza.
@ManzDev
@ManzDev Год назад
¡Muchísimas gracias, Carlos! ¡El video sobre grid-template-areas vendrá en la tercera parte de esta serie, para final de semana!
@jmartinez4906
@jmartinez4906 Год назад
Muy interesante!! No controlo mucho de grid porque casi siempre me ha valido flex pero en muchas ocasiones hubiese sido más fácil con grid. Muchas gracias!!
@ManzDev
@ManzDev Год назад
A mi me pasa similar. Flex es una excelente opción cuando empiezas porque los diseños son mucho más sencillos y modulares. Desde mi experiencia, conocer Grid viene muy bien porque puedes simplificar esquemas que son más complejos y que con Grid serían muy extensos y frágiles. ¡Gracias a ti por pasarte y comentar!
@mr.fabian8471
@mr.fabian8471 Год назад
Gracias master !!!
@ManzDev
@ManzDev Год назад
¡Gracias a ti por pasarte, Fabian!
@djvarela
@djvarela Год назад
Excelente, me viene barbaro aprednder GRID!
@ManzDev
@ManzDev Год назад
¡Es maravilloso! ¡Junto a flex, grandes herramientas para usar hoy en día!
@djvarela
@djvarela Год назад
@@ManzDev si, tal cual, uso flex para casi todo. Unas maravillas
@Aureck
@Aureck Год назад
Saturno vio que pusiste terrible punchi punchi y se puso a bailar
@ManzDev
@ManzDev Год назад
¡Yep! manzdev.github.io/twitch-solar-system/
@Ictiobus
@Ictiobus Год назад
Cómo se llama el programa que usas en pantalla?
@ManzDev
@ManzDev Год назад
Hola Alf! ¿A cuál te refieres?
@Ictiobus
@Ictiobus Год назад
@@ManzDev En pantalla tienes el HTML, el CSS y la visualización, que programa utilizas?
@ManzDev
@ManzDev Год назад
@@Ictiobus Ah, es Codepen ( codepen.io/pen ), una plataforma online para escribir código. Normalmente utilizamos mkweb ( manz.dev/software/mkweb ) con ViteJS y VSCode.
@Ictiobus
@Ictiobus Год назад
@@ManzDev Gracias, tu web es excelente..
Далее
Grid CSS: Centrar, distribuir y alinear elementos
14:45
Grid CSS: Grids por área
10:20
Просмотров 4,4 тыс.
ДЖЕФ ВСЕМ ПОМОЖЕТ🤓
10:33
Просмотров 789 тыс.
12 Awesome CSS Changes (Sorry Tailwind)
10:13
Просмотров 66 тыс.
CSS Grid vs Flexbox - Cuando usar uno u otro.
22:09
Просмотров 348 тыс.
Animaciones Web HERMOSAS con VIEW TRANSITION
5:48
Просмотров 13 тыс.
Aprende CSS Grid MUY FÁCIL con ejercicios
1:36:24
Просмотров 116 тыс.
Flex CSS: ¡Aprendiendo las bases!
9:42
Просмотров 10 тыс.
APRENDE CSS Grid & Flexbox (+ Practicas!)
2:04:14
Просмотров 19 тыс.
Tutorial para aprender Animaciones CSS
20:26
Просмотров 18 тыс.
GUÍA COMPLETA DE FLEXBOX ANIMADA | CSS
41:26
Просмотров 104 тыс.