How to make scrollable columns in flex-grow
How do I make the left column scrollable? Right now it's scrollable but it's overflowing the screen
https://play.tailwindcss.com/Hb3zQfdBZZ
Tailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
3 Replies
hi! easy solution is to add a height to the div with the text
i added h-96, but you can modify it to be however you like
https://play.tailwindcss.com/mbl7cCNDcs
Tailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
Sorry I didn't correctly explain myself. What i'd like is the column to be filling the screen's height (navbar excluded), I think I could use
calc(100vh - navHeight) but i'm looking for a better solution
Fixed by doing min-h-full h-0 to the div with the text