Intrinsically Responsive CSS Grid with minmax() and min()

1 · CSS-Tricks · July 31, 2019, 12:15 a.m.
The most famous line of code to have come out of CSS grid so far is: grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); Without any media queries, that will set up a grid container that has a flexible number of columns. The columns will stretch a little, until there is enough room for another one, and then a new column is added, and in reverse. The only weakness here is that first value in minmax() (the 10rem value above). If the container is … Read article The post Intrinsically Res...