Published On Mar 26, 2024
If you really want to take control of Flexbox, check out my course Flexbox Simplified 👉 https://flexboxsimplified.com?utm_campaign=general&utm_source=youtube&utm_medium=howtotakecontrol
đź”— Links
âś… The original design on Dribbble: https://dribbble.com/shots/23583273-H...
âś… My code from this video: https://codepen.io/kevinpowell/pen/yL...
âś… Flexbox Simplified: https://flexboxsimplified.com?utm_campaign=general&utm_source=youtube&utm_medium=howtotakecontrol
⌚ Timestamps
00:00 - Introduction
00:25 - What we are starting with
01:18 - Understanding what happens when we use display flex
05:00 - What flex-shrink does
07:40 - Adding in flex-grow
10:19 - Making things more consistent by defining the size
#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...
đź’– Support me on Patreon:   / 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:   / 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!