FlexBox CSS
What is Flexbox?
● Flexbox is a CSS3 layout mode that
provides an easy and clean way to
arrange items within a container=>
it comes to creating complex
structured small scale layouts in
HTML.
● ability to use any HTML element to
define its containers and elements.
You can use div, nav, article.
● can be considered a much more
capable successor to HTML tables.
● No Floats
● responsive and mobile friendly.
● direction-agnostic
● flex container’s margin do not
collapse with the margin of it’s
contents.
● order of elements can easily be
changed without editing the
source.
Properties for the Parent
(flex container)
Properties for the children
(flex items)
 CSS Naming
Convention BEM
Should i create a Block
or an Element?
Types of Modifier