4min chapter

Syntax - Tasty Web Development Treats cover image

Container Queries Explained

Syntax - Tasty Web Development Treats

CHAPTER

The New Range Syntax in Safari Technical Preview

The new range syntax is in safari technical preview and it's in everything else. It allows you to use the greater than or equal signs to say like width Is greater than orequal to whatever? Any value. You can even pair them to say 100 pixels is less than width is greater than To what you know 2000 pixels to say that the width needs to be within that range. The thing you figured out was you can Take your basically container instead of at media Uh, you give it the container the container name.

00:00

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode