Flex Display Issue

Digital Sprint · 2025-09-19T22:24:38.748+00:00

newbie here, I'm creating a div with an image and text. when I set the parent div as flex: row. I get this issue where the text runs on. But the div block that I have for this text works fine on its own. What is causing this issue?

Digital Sprint

24 days ago

newbie here, I'm creating a div with an image and text. when I set the parent div as flex: row. I get this issue where the text runs on. But the div block that I have for this text works fine on its own. What is causing this issue?
Tod

24 days ago

Great job @Digital Sprint! Your contribution to the Nordcraft Community just made you advance to Community Level 1! 🌲
salma

24 days ago

When asking for help it’s always useful to provide a link to your project or a minimal reproduction, otherwise it’s tricky to know what might be affecting things.
👍1
Lucas G

24 days ago

Try adding a max-width of 100% to the text
Digital Sprint

23 days ago

Here's the link to a new project with the issue: https://cyan_dorm__yammering_hippopotamus.toddle.site/
@Lucas G I tried the max-width, but that didnt work. It almost looks like when I do 100%, it wants to disregard the image and do 100% of what the parent div would be.
Lucas G

23 days ago

Add a flex: 1 to the div wrapping the h1
❤️1
This happens because the reset sheet has flex-shrink: 0 by default
Digital Sprint

23 days ago

Awesome, thank you so much!

Flex Display Issue

Digital Sprint

Tod

salma

Lucas G

Digital Sprint

Lucas G

Digital Sprint