Uploaded May 2025 | Updated September 2026, 1 week ago

---

A quick tip that will show you how to create a flexible CSS Grid with a varying number of items that expands, shrinks, and wraps to accommodate the number of items that can fit in one grid row.

🔗 Links
Demo: codepen.io/ZoranJambor/pen/KwwReNY
Chris Ferdinandi's article: gomakethings.com/automatically-wrapping-css-grid
Stephanie Eckles' article: https://smolcss.dev/#smol-css-grid
Evan Minto's article: evanminto.com/blog/intrinsically-responsive-css-grid-minmax-min

Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com

Help support my channel
💖 Become a member on Patreon: patreon.com/cssweekly
🪧 Buy CSS Stickers pack: stickers.css-weekly.com
☕️ Buy Me a Coffee: buymeacoffee.com/cssweekly
👨‍🎓 Get a course: masteringlinting.com

Keep up-to-date with CSS Weekly:
🦋 Bluesky: https://bsky.app/profile/cssweekly.com/
🐦 Twitter: twitter.com/@cssweekly
🎶 TikTok: tiktok.com/@cssweekly
🎇 Instagram: instagram.com/cssweekly
📘 Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
👨‍💼 Blog: zoranjambor.com
💼 LinkedIn: linkedin.com/in/zoranjambor

- Zoran Jambor
#css #cssgrid