minFn confusion

CodePen: https://codepen.io/Ceecee-Hart/pen/dyLZrKb

I'm not sure where this extra space is coming from when i set my grid col to auto. I've got the grid, .main with two direct chhildren, .poster and .content. Poster includes .img-wrap><img> and a row with two buttons. <img> is set to max-width: 100% and .img-wrap{width: min(100%, 30ch);}

If i set my grid col to the same min(100%, 30ch)its fine, but if grid col is set to auto, theres all this extra space in the column. Where is it coming from? Its just empty space in the poster div.
Screenshot_2024-04-02_014633.png
Screenshot_2024-04-02_014608.png
Was this page helpful?