✅ ¡Container Queries CSS! - RESPONSIVE DESIGN AVANZADO
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- ¿Has oído hablar de las container queries? ¡El FUTURO DE CSS, QUE DESBLOQUEA UN POTENCIAL ENORME!
📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com.
ENTRA AQUÍ 👉 www.hostinger....
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.c...
-----------------------------------------------------------------------------------------------------------------------------
Aprende CSS (Desde CERO en TH-cam) 👉 • 🚀 Curso CSS PARA PRINC...
-----------------------------------------------------------------------------------------------------------------------------
CURSOS COMPLETOS:
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.c...
👨💻🎁 Diseño Web Desde Cero (Descuento) 👉 alexcgdesign.c...
-----------------------------------------------------------------------------------------------------------------------------
✉️ Redes sociales:
Blog de desarrollo web: www.alexcgdesi...
Twitter: / alexcgdesign
Facebook: goo.gl/7o77tx
Linkedin: goo.gl/byCJnS
Instagram: / alexcg_design
Github: github.com/Ale... - วิทยาศาสตร์และเทคโนโลยี
📘CURSO CSS MODERNO (Descuento) 👉 alexcgdesign.com/cssmoderno
Más fácil para modularizar. Contrilarias el comportamiento del componente independiente del entorno 😍
Totalmente!!!! Y se puede mezclar con características nuevas de CSS como el Nesting, lo que puede hacerlo más modular;)
Pretendo aplicarlo. Fue buena y concisa la explicación, gracias.
Esto era lo q esperaba, el responsive respecto al viewport a veces me trae problemas. Gracias x el video
Está bueno! Otros ejemplos nos ayudarían más a entenderlo. Te lo agredecería
Entonces sería como tener varios media queries sólamente que somos específicos en cuanto a los contenedores... pues es lo mismo que las medias queries, no? ya que siempre hemos tenido que especificar la clase que queremos cambiar.. a no ser que se me esté pasando algo. bueno esas son mis primeras impresiones! saludos!
Muy buena observación, en 12 minutos ni pude explicarlo todo, imagina que el navegador mide 1000px, pero tienes una card que queremos que tenga 2 vistas, una vista que ocupe el 100% y otra que se divida en 3 para que se visualices 3 cards, lo que tendría que hacer es crear dos tipos de cards con MEDIAQUERIES, pero con container queries solo un diseño, ya que su visualización depende del tamaño que tengan los elementos no el viewport, lo que hace que llevemos el responsive design a otro nivel
Excelente video, muchas gracias alex!
Hola Alex , algun dia vaz a hacer un curso de Bootstrap 5?
Hola, no creo. Pero he creado cursos de Tailwind:))
Excelente video como siempre Alex, y se pude aplicar con nesting css esta nueva forma¿
Efectivamente:)
Te pareces a : Si puedes imaginarlo puedes crearlo, algo asi