Center the bottom row when using grid auto-fit

Grid’s auto-fit is amazing, but sometimes it would beryllium bully if the bottommost statement could beryllium centered alternatively of ever starting connected the near side. Well, aft being inspired by Ryan Mulligan, I figured retired a measurement to do it! I’ll beryllium honest, it’s not the simplest point successful the world, but there’s a batch to study successful getting it working, and erstwhile you understand really it works, it’s not *that* complicated! 🔗 Links ✅ Ryan Mulligan’s station that sent maine down this rabbit hole: https://ryanmulligan.dev/blog/grid-stacks/ ✅ The codification from this video: https://codepen.io/kevinpowell/pen/KKOvJQy ✅ The type that useful successful Safari: https://codepen.io/kevinpowell/pen/KKORKGa ✅ The webkit bug report: https://bugs.webkit.org/show_bug.cgi?id=282326 ✅ I’m connected Bluesky now: https://bsky.app/profile/kevinpowell.co ✅ And Mastadon: https://front-end.social/@kevinpowell ✅ I’ve sewage courses! https://kevinpowell.co/courses ⌚ Timestamps 00:00 - Introduction 00:45 - Maybe flexbox is what you want but location are limitations 03:50 - Being inspired by Ryan Mulligan 06:20 - Setting things up to halfway leftover elements pinch grid-auto-fit 09:50 - You request everything to span 2 columns 14:00 - Centering the last-child erstwhile we person “two” columns 17:30 - Centering the debased statement erstwhile we person “three” columns #css -- Come bent retired pinch different dev's successful my Discord Community 💬 https://discord.gg/nTYCvrK Keep up to day pinch everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come bent retired pinch maine unrecorded each Monday connected Twitch! 📺 https://www.twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome 📽️ Join arsenic a transmission member: https://youtube.com/@kevinpowell/join 💖 Support maine connected Patreon: https://www.patreon.com/kevinpowell aliases done YT memberships: Join this transmission to get entree to perks: https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw/join --- My editor: VS Code - https://code.visualstudio.com/ --- I'm connected immoderate different places connected the net too! If you'd for illustration a down the scenes and previews of what's coming up connected my YouTube channel, make judge to travel maine connected Instagram and Twitter. Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And immoderate you do, don't hide to support connected making your area of the net conscionable a small spot much awesome!