Max Böck took me up on my problem to look by a codebase and see how most of the @media queries may finally turn into @container queries.
I took the bait and had a have a look at a few of my initiatives – and sure, most of what I exploit @media for as we speak can in all probability be completed by @container in some unspecified time in the future. However, I got here up with a number of eventualities the place I believe media queries will nonetheless be mandatory.
Max didn’t say precisely what number of would get replaced, however I obtained the impression it was 50/50ish.
A mix of each methods will in all probability be one of the best ways ahead. @media can deal with the large image stuff, person preferences and international kinds; @container will care for all of the micro-adjustments within the elements themselves.
An ideal crew!
At Marketing Solution Australia we strive to deliverer elegant responsive websites for your business integrated with our personal SEO Optimization package to bring your pages on the first page of Google.