✅ ¡Container Queries CSS! - RESPONSIVE DESIGN AVANZADO

[@AlexCGDesign]

📘CURSO CSS MODERNO (Descuento) 👉 alexcgdesign.com/cssmoderno

[@jhomudev]

Esto era lo q esperaba, el responsive respecto al viewport a veces me trae problemas. Gracias x el video

[@samia.delgado6690]

Hola Alex, excelente video!....es la primera vez que veo los containers pero todavia no logro hacerme una idea de su beneficio, con los media queries tenia una referencia que era el viewport, pero cuando hacemos responsive no conocemos realmente que tamaño va a tener de ancho un componentes por ejemplo en pixeles en el contexto de una composicion o cual seria el breakpoint para un diseño u otro...algo se me escapa..

[@rodrigov9068]

Más fácil para modularizar. Contrilarias el comportamiento del componente independiente del entorno 😍

[@AlexCGDesign]

Totalmente!!!! Y se puede mezclar con características nuevas de CSS como el Nesting, lo que puede hacerlo más modular;)

[@Libramesta]

Pretendo aplicarlo. Fue buena y concisa la explicación, gracias.

[@crucklies7716]

Yo aprendí mucho con vos gracias amigo e hice plata.

[@madeon_lh]

Excelente video, muchas gracias alex!

[@yhauzeur]

Está bueno! Otros ejemplos nos ayudarían más a entenderlo. Te lo agredecería

[@SickOfMetal]

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!

[@AlexCGDesign]

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

[@dragonghostt]

Excelente video como siempre Alex, y se pude aplicar con nesting css esta nueva forma¿

[@AlexCGDesign]

Efectivamente:)

[@javiercueto8632]

Hola Alex , algun dia vaz a hacer un curso de Bootstrap 5?

[@AlexCGDesign]

Hola, no creo. Pero he creado cursos de Tailwind:))

[@omiEspañol]

Te pareces a : Si puedes imaginarlo puedes crearlo, algo asi