72 replies

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

.main

with two direct chhildren,

.poster

.poster

and

.content

.content

. Poster includes

.img-wrap><img>

.img-wrap><img>

and a row with two buttons.

<img>

<img>

is set to

max-width: 100%

max-width: 100%

and

.img-wrap{width: min(100%, 30ch);}

.img-wrap{width: min(100%, 30ch);}

If i set my grid col to the same

min(100%, 30ch)

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.