9 replies

grid minmax | minimum size

Hey, i've seen, and use myself, the minimum for the minmax function being

16rem

16rem

for responsive grids. This works great for a viewport size of

320px

320px

without overflow, but for devices smaller (i'm looking at minimum

280px

280px

), it overflows due to it being a fixed value, i'm surpised it's taken me this long to notice that haha. I've tried replacing it with

minmax(min(100%, 16rem), 1fr)

minmax(min(100%, 16rem), 1fr)

but that doesn't seem to work. Does anyone have a recommended solution? Thanks in advance.

https://codepen.io/deerCabin/pen/eYwoaQL

CodePenR

...