The thing people get wrong about flex-basis
Channel: Kevin Powell
Date: 2022-10-27

🎓 Dive even deeper with my 4-hour long flexbox course: https://flexboxsimplified.com

Flex-basis is one of those things that people sort of, kind of, maybe understand what it does, and I often see some bad advice, like “flex-basis” is just width for flexbox, when that can actually lead to some unintended consequences, so in this video I break down what flex-basis is, and how it’s different from width and height, even though it influences them.

🔗 Links 
✅  The code from this video: https://codepen.io/kevinpowell/pen/Jjvagro

⌚ Timestamps
00:00 - Introduction
00:49 - What happens when we declare display: flex
01:55 - Adding width to a flex-item
02:40 - Comparing width to flex-basis
03:55 - When we change the flex-direction
06:05 - When min- and max- come into play
07:35 - When we take advantage of flex-basis without realizing it


#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/KevinJPowell
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!