Stop the Flexbox for 1D, Grid for 2D layout nonsense

From the creator

Flexbox is great at some 2D layouts, and Grid can be a better choice for 1D layouts as well, so let's stop that being how we decide which one we're going to use, because often it leads us down the wrong path. 🔗 Links ✅ Code from first example: https://codepen.io/kevinpowell/pen/abgomQP ✅ Code from second example: https://codepen.io/kevinpowell/pen/XWQGmQE ✅ Diving into how flexbox works: https://youtu.be/9e-lWQdO-DA ✅ Easy way to get started with Grid: https://youtu.be/8QSqwbSztnA ⌚ Timestamps 00:00 - Introduction 00:25 - Why Grid might be better for 1D some layouts 04:35 - Why Flexbox might be better for some 2D layouts 06:45 - Grid gives you more control on sizing, flexbox is better for letting the children have control #css -- Come hang out with other dev's in my Discord Community 💬 https://discord.gg/nTYCvrK 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! 📺 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 💖 Support me on Patreon: https://www.patreon.com/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. Twitter: https://twitter.com/

Published 2024-07-10 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.