Getting Started with Flexbox

There are two great new modules for making layouts in CSS3. CSS Grids and Flexbox. This tutorial covers all you need to get started using Flexbox on your webpages.
Code GIST: gist.github.co...
Great Flexbox resource: css-tricks.com...

[@MrAngoleiro]

As a teacher myself I have to congratulate you on making a very clear tutorial. You have a soft, clear voice and explain everything calmly. Well done!

[@amber1862]

Unbelievably underrated channel for teaching this stuff. Definitely the best subscription I've made this year :).

[@tinabhowal7376]

you make it so simple to understand. Thank you so much for uploading these videos.

[@majestif]

Hi Steve, many thanks for such great content! You definitely have a real talent of explaining complex topics in simple terms!

[@srinivasaraoyp3640]

Very interesting, thank you Steve.

[@mohmedessa6745]

Thanks Steve, really well explained.

[@chanwingkei1576]

Very helpful Steve! I cant stop watching your videos

[@SteveGriffith-Prof3ssorSt3v3]

Thanks. Please share the channel to help others.

[@gillesmosson]

Thanks Steve

[@johnarmstrong4718]

Colour is bada55. That's hilarious. Thanks

[@JakubPomykaa]

Thanks :)

[@monikaparmar2061]

1. At 2:38, are you sure that the default value of flex-direction is column?
When I remove the flex-direction property from .container selector, the cards align in a horizontal fashion as if the flex-direction property is row.
2. Also, at 4:25, you said that the default value of the flex-direction of the child element is opposite of the parent one.
I'm not sure if I have misunderstood the statement, but I'm not able to replicate that on my browser. Would you please elaborate on that?

[@SteveGriffith-Prof3ssorSt3v3]

Nope. I misspoke. ROW is the default direction for flex-direction.
For normal HTML display: block elements the flow direction is column.

[@monikaparmar2061]

​@@SteveGriffith-Prof3ssorSt3v3Thanks Steve. You have some of the best content out there! An incredibly soothing voice too.

[@MohammadMM786]

Hi Steve, I have a doubt, I saw some videos on flexbox, they said flex-container height should be defined to use align-items property. What is your opinion on this? How you created a flexible layout without defining height to a flex-container?

[@SteveGriffith-Prof3ssorSt3v3]

I rarely use height in a layout. Dynamically figure out widths and then let the browser determine the height. Unless you have a reeeeeaaaallly good reason to force a height

[@namesurname201]

When I see Turkey, I got excited because I am from Turkey. then I realized that it was not a Country meaning shshhs

[@SteveGriffith-Prof3ssorSt3v3]

I will put Turkey in another video soon. :)

[@namesurname201]

@@SteveGriffith-Prof3ssorSt3v3 hahah thank you:)