Search
Star
Feedback
Setup for Free
© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
How to limit the height of flex-item to allow flex-grow and enable scrolling inside of it? - Kevin Powell - Community
KP-C
Kevin Powell - Community
•
3y ago
•
1 reply
john_galt
How to limit the height of flex-item to allow flex-grow and enable scrolling inside of it?
I want to allow
.flex-container
.flex-container
class to use flex
-grow factor to take the available space
, but limit the content inside of it from overflowing
. Each column
(
.col-2
.col-2
and
.col-3
.col-3
) should be a scroll containers
How can it be achieved
?
Demo
:
https://codepen.io/Dimi_0-o/pen/qBQVNKp
CodePen
Dimi
Forked layout
.
.
.
Kevin Powell - Community
Join
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Recent Announcements
Similar Threads
Was this page helpful?
Yes
No
Similar Threads
how to prevent last item of flex to grow
KP-C
Kevin Powell - Community / front-end
3y ago
How to make a container query on height of the flex item
KP-C
Kevin Powell - Community / front-end
3y ago
How to make a container query on height of the flex item
KP-C
Kevin Powell - Community / front-end
3y ago
How to Enable Responsive Horizontal Scrolling for Flex Items in CSS?
KP-C
Kevin Powell - Community / front-end
2y ago