Sam Richard
@Snugug
BBQ lead, ChromeOS DevRel. Mostly food, sometimes design and development, especially for the web. 7008px tall. He/him.
An archive of my Twitter timeline up until I moved to Mastodon. You can find me there at @[email protected]
@davidpaulsson @JoshWComeau @MiriSuzanne @CodePen Something like:
grid-template-columns: repeat(auto-fill, minmax(clamp(200px, 1vw, 300px), 1fr);
will mean that below 300px, the column will shrink, saving me from needing a single column MQ to prevent fixed-width overflow. Can optionally be combined w/calc to include padding
@davidpaulsson @JoshWComeau @MiriSuzanne @CodePen Here’s a quick codepen showing the differences. codepen.io/Snugug/pen/VwKMmyY