SUBSCRIBE hit the bell and choose all: https://goo.gl/nYLZvz'>https://goo.gl/nYLZvz'>https://goo.gl/nYLZvz'>https://goo.gl/nYLZvz
In this CSS Flexbox Tutorial The Complete Guide, we'll go through the entire CSS Flexbox layout module step by step with examples throughout. First we'll take a look at what CSS Flexbox actually is, as well as some key components to flexbox such as understanding the main and cross axis.
Next, we take a deep dive into every single CSS Flexbox property, starting with the container properties and then moving on to the item properties.
Finally, we'll put what we've learnt into practice by building two small projects: (1) A game card and (2) A nav bar menu.
Chapters:
0:00 Intro
0:29 What is CSS Flexbox?
1:20 What can it do?
2:12 All CSS Flexbox Properties
2:38 The Main/Cross Axis
4:21 Flexbox Container Properties
5:00 flexdirection
5:42 flexwrap
6:50 flexflow
7:20 justifycontent
9:11 alignitems
10:55 aligncontent
12:12 Flexbox Item Properties
12:33 order
14:03 flexgrow
16:05 flexshrink
17:38 flexbasis
20:00 flex
20:50 alignself
21:27 Building a Game Card with Flexbox
23:57 Building a Nav Menu with Flexbox
26:14 Like and Subscribe
#cssflexbox #cssflexboxtutorial
This lesson is part of a wider CSS Full Tutorial which you find here: shorturl.at/muIKS
SUBSCRIBE and hit the BELL NOTIFICATION : https://goo.gl/nYLZvz'>https://goo.gl/nYLZvz'>https://goo.gl/nYLZvz'>https://goo.gl/nYLZvz
PREVIOUS VIDEO: • #35 CSS Variables Tutorial [ CSS Var ...
CSS FULL TUTORIAL: • #1 What is CSS? CSS Full Tutorial
HTML FULL TUTORIAL: • #1 What is HTML used for? HTML Fu...
Text editor used in this lesson: Brackets http://brackets.io/
FACEBOOK: / devdreamercode
TWITTER: / devdreamercode
SUBSCRIBE and hit the BELL NOTIFICATION : https://goo.gl/nYLZvz'>https://goo.gl/nYLZvz'>https://goo.gl/nYLZvz'>https://goo.gl/nYLZvz
Learn with Dev Dreamer! Step by step and simple to understand :)