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 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
CodePenDimi
...
xxQLjRB
Was this page helpful?