This course has been updated! We now recommend you take the Complete Intro to Web Development, v3 course.

Check out a free preview of the full Complete Intro to Web Development, v2 course:
The "CSS Flexbox Resources" Lesson is part of the full, Complete Intro to Web Development, v2 course featured in this preview video. Here's what you'd learn in this lesson:

Brian reviews online games and tutorials for learning CSS Flexbox.

Get Free Access Now

Transcript from the "CSS Flexbox Resources" Lesson

>> Brian Holt: So hopefully this was a helpful exercise for you. There's two things I wanted to shout out to. Just more resources to get in here, particularly with Flexbox. I think, hopefully, you kinda saw here the power of Flexbox and a lot of stuff that you can do with it.

[00:00:15] I did fix the problem. So now this is meeting up. Flexbox, if you need to do like a rigid grid like we're doing right here, where corners have to meet up, then doing that flex1, flex2, flex3 thing is not gonna work for you super well. So you're gonna wanna do fix widths of 25%, 50%, 75%, etc., or use Grid.

[00:00:36] So this would be a perfect opportunity for you to use CSS Grid. You could also do everything inside of one container and use Flexbox as well, and then use flex-wrap, that would also work. I would not suggest the last option there. But I want you to see how cool Flexbox is.

[00:00:57] It's something you can dive deep into. I wanted to shout out Flexbox Zombies. It's made by my good friend David Geddes. There's Kent, we know him. [LAUGH] He teaches. He's a Frontend Masters teacher. So this will actually, it's a game, and you have to shoot the zombies using Flexbox, it's pretty fun, with a crossbow.

[00:01:25] There's crossbows involved. That's how you know it's good.
>> Brian Holt: So check that one out. And there's also Flexbox Froggy. I have less experience with this one.
>> Brian Holt: But you have to get the froggy, and you have to say,
>> Brian Holt: It's gonna be justify-content: flex-end. See, and then you get the frog to jump onto the lily pad, right, that's kinda cool.

[00:01:58] So that's another good one. And then I've said it a couple of times here, please watch Jen's course on Grid and Flex and responsive design and all that kind of stuff. It's gonna make you a lot better CSS programmer, better than me for sure.
>> Brian Holt: But that being said, you are now well-equipped to do most things with CSS.

[00:02:20] Maybe besides animations, [LAUGH] that's an entire different skill set that you don't wanna learn from me, so. That's really all I'm gonna teach you today about CSS and HTML. So congratulations, you basically have a base level proficiency now with HTML and CSS. So, cool, congratulations.