CSS Layout News - Issue 331

Loads of things to talk about this week as we head into December. I'd first like to give a shout-out to something that we've been working on over at Google. Designcember is a month-long celebration of web design. The site itself is built using container queries, and filled with little UI surprises. Behind each door will be something interesting to help you learn about and celebrate the responsive web.

We would also love the community to share their container query experiments, we'll highlight them at the end of the month. Create a demo and post a link to Twitter with the hashtag #designcember.

Rachel Andrew

News

The 2021 Web Almanac CSS chapter

The Web Almanac is back, take a data-driven look at the way CSS is being used on the web.

A change to the container queries spec

This means I need to go update some things. If you are using Canary, some container queries demos will be broken. The change is exciting though as it is enabling style queries.

Learn

CSS Layout from the Inside Out

The video of my talk (in front of a live audience!) at State of the Browser. Flexbox, Grid, aspect-ratio, and container queries.

Embrace the Unpredictable

In one of a series of posts asking the question, "What is one thing people can do to make their website better?", George Francis suggests that we add a little unpredictability into our designs.

Fundamentals of CSS Layout workshop

This is the recording of my 90 minute flex and grid workshop from Chrome Dev Summit. If you want to follow along I have put the code starting points here.