How to handle overflow in Grid (grand-)children?
Hi, im currently working on a grid layout where the grid-items are either flex or grid themself.
The issue i have though, is that there is overflowing text which doesn't get recognized by the browser as overflow. So
I implemented a small prototype with which i can show the issue here:
https://play.tailwindcss.com/S1d0f4JYmk
When you toggle to mobile size, the text of the two smaller grid-items overflows behind the img in its container.
How can i prevent that from happening?
The issue i have though, is that there is overflowing text which doesn't get recognized by the browser as overflow. So
overflow: hidden;I implemented a small prototype with which i can show the issue here:
https://play.tailwindcss.com/S1d0f4JYmk
When you toggle to mobile size, the text of the two smaller grid-items overflows behind the img in its container.
How can i prevent that from happening?
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
