3min chapter

Syntax - Tasty Web Development Treats cover image

Responsive Design Techniques

Syntax - Tasty Web Development Treats

CHAPTER

Relative Design Techniques - The Media Query

Most of our browser techniques for responsive design have been based specifically on the viewport. Max width is such a good value to always have because at the end of the day, there is a max width of something. There's also mobile first, which we became hugely popular after the book Mobile First came out. And that way you just increase the size of things as it goes up and you can add on layering for grids or stuff like that.

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