What we did

September 2022 was all about Container Queries.

This month we looked at how to query our containers to help resize their children.

We all know about media queries which allow us to tell the browser how we want our pages to appear. Now with the implementation of container queries we should find ways to simplify these queries so they can be applied to a set of elements rather than just a resize of the whole page. Here is the youtube tutorial we watched. Its by Adi Purdila, of Envato Tuts+ "Smart Sizing in CSS With Container Query Units"

Here is the CodePen Adi is using "CSS Container Query Units - Initial Example" so you can see the code.

To finish off we had a look at an aticle by Austin Gill on a cute way to use the capture tag in HTML.

Here is the tutotial he wrote and the YouTube video.
We did a test page unfortunatly it only works on mobile sites.

Steve South
Web Design leader