Media Queries in Times of @container

Max Böck aceptó mi desafío de revisar una base de código y ver cuántas de las @mediaconsultas podrían convertirse en @containerconsultas.

Mordí el anzuelo y eché un vistazo a algunos de mis proyectos, y sí, la mayor parte de lo que uso @mediahoy probablemente pueda lograrse @containeren algún momento. Sin embargo, se me ocurrieron algunos escenarios en los que creo que las consultas de los medios seguirán siendo necesarias.

Max no dijo exactamente cuántos serían reemplazados, pero tuve la impresión de que eran 50/50.

Una combinación de ambas técnicas probablemente sea la mejor manera de avanzar. @mediapuede manejar el panorama general, las preferencias del usuario y los estilos globales; @containerse encargará de todos los microajustes en los propios componentes.

¡Un equipo perfecto!

También creo que habrá una gran diferencia entre lo que hacemos cuando refactorizamos un código base CSS existente y lo que hacemos cuando lo construimos desde cero. Y será diferente lo que hagamos cuando recibamos consultas de contenedores por primera vez a lo que hagamos dentro de unos años, cuando se hayan establecido nuevos patrones. Durante mucho tiempo he sido optimista acerca de que los componentes son la abstracción correcta para el desarrollo front-end. Parece que últimamente todo nos empuja en esa dirección, desde los marcos de JavaScript y los componentes nativos, hasta las consultas de contenedores y el alcance de estilo.