Search
Star
Feedback
Setup for Free
© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
How to make a container query on height of the flex item - Kevin Powell - Community
KP-C
Kevin Powell - Community
•
3y ago
john_galt
How to make a container query on height of the flex item
I want to create a height container query for the flex container
. But when I use
container-type: size
container-type: size
on my container it will treat container as having no intrinsic size
. the blem
, because height of the container can be changed during runtime
.
How can I preserve the height behavior of the flex container
, and add height container query to it
?
Link to demo
:
https://codepen.io/Dimi_0-o/pen/xxQLjRB?editors=1100
CodePen
Dimi
xxQLjRB
.
.
.
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 make a container query on height of the flex item
KP-C
Kevin Powell - Community / front-end
3y ago
Flex item dissapears when adding flex to container
KP-C
Kevin Powell - Community / front-end
4y ago
why can't an flex-item just get the height of the flex-container until specifically added
KP-C
Kevin Powell - Community / front-end
13mo ago
How to limit the height of flex-item to allow flex-grow and enable scrolling inside of it?
KP-C
Kevin Powell - Community / front-end
3y ago