No video :(

Grid CSS: Grids por área

Подписаться 19 тыс.

Просмотров 4,5 тыс.

50% 1

¿Sabías que Grid CSS tiene un esquema de maquetación y colocación alternativo donde puedes colocar visualmente por áreas visuales las celdas del Grid? En este video te explico como funcionan las propiedades `grid-template-areas` y `grid-area` con las que podrás crear estructuras de forma muy sencilla.
¡Te lo explico!
TIMELINE:
00:00 Introducción
00:32 Ejemplo inicial
01:36 grid-template-areas
02:19 grid-area
04:35 Estructura del grid area
06:55 Anular celdas
07:09 Combinar con otro grid
07:48 Combinar con media queries
09:43 Cierre
LINKS:
👀 Grid por áreas: 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

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 18

@Shariee16 3 месяца назад

Me iba a volver loca, ahora si entendí perfectamente, graciaas!

@fernandomorf3606 3 месяца назад

Super simple tu explicación, me encanto, gracias!

@juanseriosgutierrez3928 3 месяца назад

Enserio muchas gracias, no sabes lo mucho que me ayudo tu video

@calu9445 7 месяцев назад

Hace años intento aprender desarrollo web y siempre con el camino establecido de HTML, CSS y JavaScript me desmotivaba en HTML. Estoy siguiendo tus guías lenguaje CSS/HTML y voy aprendiendo en la marcha. Estoy muy agradecido por el proyecto que creaste, todo explicado detalladamente y de forma muy amena, incluso para personas que perdemos la concentración fácilmente. Saludos y nuevo suscriptor.

@nahuelamado3290 Год назад

Hace unos días vi tus web con documentación en español y me estuve apoyando con ellas, incluso aprovechando para leerlas en los viajes. Reconocí tu logo y me suscribí de una, muy buena la info, muchas gracias!

@ManzDev Год назад

¡Muchísimas gracias Nahuel! Agradezco mucho el apoyo, un pequeño comentario para decirme donde conocieron el sitio y en que les sirvió me es de muchísima ayuda... ¡gracias!

@miguelp876 Год назад

Muchas gracias ☺️👍

@ManzDev Год назад

¡Gracias a ti por comentar y pasarte, Miguel! 🙏

@ezequielgarcia4609 Год назад

Que bueno fue ese directo 👍🏽👏🏼👏🏼👏🏼 y como lo explicas es fenomenal

@ManzDev Год назад

¡Muchísimas gracias, Ezequiel! 🚀🚀🚀

@ezequielgarcia4609 Год назад

@@ManzDev he estado unos días fuera, a ver si vuelvo a los directos, a ver si no me perdido mucho, ya se echa de menos. 😊😊

@3Designer_col Год назад

"Jider" por dios... :( nunca pronuncian decentemente

@ManzDev Год назад

¿Quienes? "Pronuncian" es tercera persona del plural... ¿Formo parte inconscientemente de un oscuro colectivo que se encuentra conspirando para hacer sufrir a las orejas de algunos eruditos espectadores? Respóndeme, por favor. Duda seria que me corroe. Gracias de antebraso.

@3Designer_col Год назад

@@ManzDev El sarcasmo el la respuesta del dolido... Hace parte del colectivo que hace un h*** video y no se toman el trabajo de al menos tomar el traductor de google y corroborar como se pronuncia. Y como decía a mis estudiantes: puede que esto no sea clase de gramática, inglés o similares pero no cuesta trabajo hacer todo el trabajo bien... :)

@ManzDev Год назад

@@3Designer_col Al contrario, yo lo que siempre he escuchado es que el sarcasmo es la forma inteligente de tomarse opiniones y comentarios poco constructivos (donde se ignora el tema principal, y se va directamente a anunciar un fallo). Valoro muchísimo las opiniones de todo el mundo, y las suelo tomar muy en cuenta. A modo de ejemplo, yo podría decirte que has escrito "el la respuesta" en lugar de "es la respuesta" y anunciar que «nunca escriben bien» o «no se toman la molestia de revisar el comentario para saber si está bien escrito, que no cuesta trabajo hacer todo bien». Sin embargo, me limito a entender el mensaje que quieres transmitir y agradecerlo. Gracias.

@MarciaBelen Год назад

@@3Designer_col Hay que tener en cuenta el contexto. Esto fue un directo en español para una audiencia de habla hispana. Los lenguajes de programación tienen en su mayoría la sintaxis en inglés, por lo que siempre se va a generar una suerte de espanglish... como decimos "appendear", "pushear", "hardcodear", también vamos a pronunciar /jider/ en lugar de /hed-ɚ/. No viene al caso saber pronunciarlos perfectamente, mientras te hagas entender. Personalmente me gusta mostrar mis proyectos y compartir con amigos de habla inglesa para practicar, nunca me corrigieron una palabra que pronuncie mal, salvo cuando yo les pido o les pregunto. Me entienden? Perfecto. El objetivo es comunicar, y eso se cumplió.

@3Designer_col Год назад

@@MarciaBelen Por supuesto que se pueden pronunciar bien... y si es el caso pues decirlos en español... jamás diré una estupidez al estilo de "appendear" Es igual que c***r en ña sala limpiarte con las cortinas y decir: "El objetivo es quedar limpio, y eso se cumplió" Y no tiene que ser un inglés perfecto solo buscar como se dice la palabra o traducirla. Valoro a quienes toman de su tiempo para enseñar y eso no lo quito, pero en mi caso prefiero a quienes pronuncian correctamente. Perdón