2min chapter

The CSS Podcast cover image

69: Why is it overflowing?

The CSS Podcast

CHAPTER

Understanding How Transforms Impact Flow and Cause Overflow

This chapter explores the effects of rotating or translating elements using transforms, including potential overflow and the misconception that transforms don't affect reflow or layout sizing. It emphasizes the importance of responsive design and dynamic sizing values to prevent overflow, and suggests setting min-width to zero in grid or flex box layouts to allow children elements to shrink below their minimum content sizes.

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