CSS Layout: Flexbox & Grid Basics

Want to code your first layout with HTML and CSS alongside me step by step?

Timestamps:
0:00 Intro
1:02 HTML - Starting
4:04 CSS - Starting
8:48 Flexbox
12:23 Attention to Details
20:40 Full Width BG Color / Inner Width Content
36:30 CSS Grid
48:36 General Styling
53:14 Outro

CSS Flexbox

CSS Grid

Follow me for updates on new episodes:

[gideonejiogu]

I'm not trying to drop nice comment just like every other person, I just want to say thank you for this awesome tutorial. I dedicated a whole day for this, trust me it was time well spent.

[wetsand]

I just want to give you a huge thanks for creating this course and sharing it with us for free! I've tried many online courses but this one so far has been the most helpful.

[bertrandfossung]

Brad your teaching style is just so amazing. I really had fun learning flex and grids in CSS. Keep it coming!!!

[rabbitcreative]

I haven't watched yet, I want to say though: I appreciate the text in your thumbnail -- code this *with me*. I think that's a better way to help someone learn something.

[yousufkhan]

There is no word to do justice with the quality of your teaching. I did know all of these stuff but never had confident to apply them and this project just gave me that confident. You are a gem. Please keep uploading more videos like this.

[tahjaecampbell]

You have no idea how this has helped me. Thanks dude!

[CephalonOwl]

dude you are a gift sent from heaven, I've been sharing your videos with friends that are planning to go into computer science and they love it.

[spencerchen]

Dude, you just solve my problem for like 2 months! since I am just a self-taught programmer, it's quite hard to find resources to learn. I know there are tons of videos about flex & grid, but you are the one sparkling me. much more appreciate! thanks bro. Best teacher ever!

[georgewilson]

Best tutor of the decade you deserve it thanks so much

[kenadelglass]

Brad - you do a great job of explaining every line of code and also showing the results visually. Your pacing is perfect - better than many I have seen.

[GameStreamN]

This video deserves more views, you are explaining detailed your moves, this is how this kind of tutorials should be, well done and keep up the good work!

[shardagovender]

Absolutely enjoying this boot camp series. Prior to this, watched plenty of other beginner tutorials... You are so spot on with the shorter videos and focused concentration!

[remax]

I dont mind being over with the time. I enjoyed your tutorial. Thank you.

[ebesquin]

Dear Brad:
Thank you very much for your great courses.
You deserve a nobel prize for them.

[edwinbarrientos]

The way you explain is awesome! You actually say why and in a way a true beginner can understand.Thank you so much.

[three]

You are so good a teacher it's ridiculous!

[BGdev]

Man in just one video in under an hour you just shared hours if months of CSS knowledge!

[prasad_yt]

Is there a way to give 20 likes ? So many nuggets of learning. Man, you have great teaching skills - it’s not just way you explain but even planning your content. I am loving your react course...outstanding sir ! Let em keep coming

[peterparker]

I request you to make more videos Brad, you are better than any other coding teacher out there. Your teaching style is amazing.

[edwardcrow]

You are a hero man... Very well explained... I have never seen anyone explain CSS the way you do.... Salute