How to make responsive web apps with container queries

Responsive web design has been around for years now, and in that time we’ve seen a drastic shift in how we approach website development. Media queries let us write CSS based on a variety of conditions, such as resolution, media type and – most popularly – browser viewport dimensions. 

Flexbox. The content stretches to fill the column it’s in Left: Lining up - When space is tight, Flexbox automatically reflows the right column underneath the left column, and the content grows to fill it

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Jonathan Snook is a designer and developer from Ottawa, Canada. He writes about tips, tricks, and bookmarks on and has written the successful, self-published book, Scalable and Modular Architecture for CSS.