CSS Grid Alignment & Justification Without the Guesswork

Figuring out alignment and justification with both flexbox and grid is kind of annoying, and often an exercise in trial and error! There is a decent mental model you can use to better know which one to use and when. 🔗 Links ✅ Making sense of flexbox alignment and justification:    • Flexbox Alignment & Justification Without ...   ✅ Getting started with Grid the easy way:    • Get started with grid WITHOUT being overwh...   ✅ CSS-Tricks’ great Grid resource: https://css-tricks.com/snippets/css/c... ⌚ Timestamps 00:00 - Introduction 00:42 - Use the grid visualizer if you are having trouble 02:30 - align-items 04:16 - justify-items 05:35 - align-self and justify-self 07:30 - align-content 09:25 - justify-content 10:25 - place-content and place-items 12:03 - using your dev tools #css -- Come hang out with other dev's in my Discord Community 💬   / discord   Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺   / kevinpowellcss   --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-t... 📽️ Join as a channel member:    / @kevinpowell   💖 Support me on Patreon:   / kevinpowell   or through YT memberships: Join this channel to get access to perks:    / @kevinpowell   --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Bluesky: https://bsky.app/profile/kevinpowell.co Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!