Intro to grid minmax

i am struggling with the grid minmax concept,

yes, i can google it

i am hoping some one can point me in the right direction and provide the best, easiest to follow, instruction

maybe a visual codepen too… something i can see and play with to better understand

many thanks!

Does this explain it for you?

1 Like

At the simplest level it just describes a range for the element concerned.

minmax(100px, 200px)

It will have a minimum width of 100px and a maximum width of 200px. If the element is set to stretch then it will be at any point in that range but never less than 100px and never more than 200px.

It would be more or less the same as saying.

min-width:100px;
max-width:200px;

More info here.

1 Like