The thing people get wrong about flex-basis

🎓 Dive even deeper with my 4-hour long flexbox course: 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: 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 💬 discord.gg/nTYCvrK Keep up to date with everything I'm up to ✉ www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺 www.twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: www.kevinpowell.co/courses 👕 Buy a shirt: teespring.com/stores/making-t... 💖 Support me on Patreon: www.patreon.com/kevinpowell --- My editor: VS Code - 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: twitter.com/KevinJPowell Codepen: codepen.io/kevinpowell/ Github: 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

• #
• #kevin_powell
• #css
• #front_end
• #frontend
• #html
• #web_development
• #flex
• #flexbox
• #css_flex
• #flexbox_layout
• #flex_layout
• #flex_basis
• #understanding_flexbox
• #understanding_flex_basis
• #flexbox_tutorial
• #css_flexbox
• #flex_basis
• #css_flexbox_tutorial
• #how_flexbox_works