Note from 5 February 2023

Firefox 110 will be released on February 14th, for all Container Queries lovers! 🥰

• Older: Note from 2 February 2023
• Newer: Note from 8 February 2023

Related contents with similar topics

1. 

   Ahmad Shadeed

   An Interactive Guide to CSS Container Queries

   • Nicolas Hoizey
   • 2 April 2024
   • CSS, container queries
   • 8 reactions

   Ahmad Shadeed once again offers us a very detailed and interactive article - a true work of art! While building layouts in CSS, we always wanted a…

2. 

   Johannes Odland

   Cropping Images with CSS While Keeping a Focal Point in the Center

   • Nicolas Hoizey
   • 22 June 2023
   • image, WebPerf, CSS, container queries
   • 13 reactions

   This is a lovely way to deal with image crop and focal point with CSS only! 😍 And I love that Johannes put this warning in the beginning: While client-side…

3. 

   Jason Grigsby

   On Container Queries, Responsive Images, and JPEG-XL

   • Nicolas Hoizey
   • 7 April 2023
   • image, CSS, RWD, JPEG XL, WebPerf, container queries
   • 8 reactions

   It is natural to think that the problem with images in container queries is a mere oversight. We used to only have media queries to design with. Now…

4. Note from 2 September 2021

   • Nicolas Hoizey
   • 2 September 2021
   • Chrome, CSS, Firefox, Grid
   • 2 reactions

   Anyone knows why in #Firefox sometimes the button in the bottom of https://nicolas-hoizey.com/archives/ is outside its container, while everything is fine in #Chrome? 🤔

   Maybe a CSS Grid issue?

   

   

5. 

   Maarten Van Hoof

   Responsive SVGs - container vs media queries

   • Nicolas Hoizey
   • 4 June 2021
   • SVG, responsive, CSS, container queries
   • 7 reactions

   Maarten shows here (only in Chrome Canary for now) how container queries will allow us to have responsive SVG images inline in the HTML. Responsive…