Flexbox and grid word.io are free courses on how to write good media queries. I find flex grow and flex shrink to be the bane of people's existence, because both of them are set to like grow and shrink so that your images can get all blown out of proportion in sort of weird ways inside of a flex box. Container queries very similar to element queries were able to change CSS properties only this time instead of it being based on the viewport with we're being able to change it based on the container size itself. Log rocket is an awesome session replay service head on over to log rocket.com forward slash syntax sign up today and get 14 days for free.

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