Flexbox Crash Course
Truly centering an element is something Flexbox does with ease. A lot of ease. Let's take a quick look at what Flexbox is.
We'll cover the following...
If you know me (from any online community) then you should know Flexbox happens to be my favorite concept in CSS. I find it beautiful.
This lesson will NOT teach you everything about Flexbox. You will, however, get a headstart on what flexbox is, and even get to use it in the sign-up project.
What is Flexbox
Flexbox is got a technical definition. For the sake of this course, I’ll skip the technicalities.
You may see flexbox as the layout ninja for CSS.
When you need to deal with the layout in your styles, the CSS Flexbox model is likely to be your best bet.
How does it Work?
Flexbox feeds largely on the parent-child relationship in a given DOM structure.
Flexbox is kicked off by making a parent element a flex container
Forget the lingo. It is like saying, Oh, I have found this parent element which I need for my layout. Alright, let me hand over to it some flexbox super powers ...