Tech
Your Flex Child Won't Shrink, and overflow: hidden Isn't the Fix (It's min-width: 0)
You build a dashboard. Sidebar on the left, content on the right, a table or a code block inside. It looks perfect with your sample data.
Then a user pastes a long URL into a field, and the whole page grows a horizontal scrollbar. The sidebar gets squeezed, the layout breaks, and you start adding overflow: hidden to everything until the symptoms go away.
There is a one-line fix, and it is not overflow: hidden .
The Layout That Breaks
<div class= "layout" >...
Read the full discussion on Dev.to
This article was aggregated from Dev.to. Click to join the conversation.
View on Dev.to