Learn flexbox the easy way

🎓 I have a course dedicated to Flexbox!

Get the flexbox properties cheatsheet here:

🔗 Links
✅ Navigation demo – starting point:
✅ Navigation demo – ending point:
✅ 3 columns demo – starting point:
✅ 3 columns demo – ending point:
✅ Deeper dive into the math of flex-grow and flex-shrink:
✅ Learn CSS Grid the easy way:

⌚ Timestamps
00:00 – Introduction
01:41 – What we are starting with
02:17 – What happens when we declare display: flex
07:06 – flex-grow
11:13 – Dealing with more content
14:49 – Making even columns
20:31 – flex-direction
23:56 – justify-content
26:23 – problems people run into with justify-content
29:12 – align-items

#css

—

Come hang out with other dev’s in my Discord Community
💬

Keep up to date with everything I’m up to
✉

Come hang out with me live every Monday on Twitch!
📺

—

Help support my channel
👨‍🎓 Get a course:
👕 Buy a shirt:
💖 Support me on Patreon:

—

My editor: VS Code –

—

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:
Codepen:
Github:

—

And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!

source