-
Hi
Just wondering what the best way to handle this would be. I have a very standard 2 column layout (2 containers at 50% width inside a parent container. An image on the right and text on the left (we’ve seen it hundreds of times). In responsive mode the 2 columns shift from row to column, and it stacks as expected. My question is about how to deal with the text length as the columns get narrower before the breakpoint kicks in. As screen size reduces, the 2 columns get more narrow and the text ends up taking up considerable more vertical space than the image and it looks completely out of balance. Is there a trick to get the text to wrap around the image or to get the text to “spill” into another text container or indeed some completely different way of handling it?
Hope that makes sense.
Kind Regards,
Iain -
Hi there,
Is there a trick to get the text to wrap around the image or to get the text to “spill” into another text container or indeed some completely different way of handling it?
No, there isn’t a way. To make the text requires a float layout, but you are using a flexbox layout.
Maybe try to increase the width of the text container.
- You must be logged in to reply to this topic.