Пройти курс The Complete Flexbox Tutorial: Learn CSS3 Flexbox in 2018
Прокачиваю знания в современной верстке
Goal Accomplishment Criteria
Прослушал все лекции и выполнил все задания
-
Section 1. Welcome To The Flexbox Course!
-
How To Make The Most Of This Course
-
-
Section 2. Let's Dive Right In: Learn The Flexbox Basics
-
What is Flexbox and Why Should I Use It?
-
What About Browser Support for Flexbox?
-
How Do I Use Flexbox?
-
Flexbox Principles
-
Quiz: Flexbox Basics
-
-
Section 3. Styling Flex Containers
-
flex-direction - Creating Row & Column Layouts
-
Quiz: flex-direction
-
justify-content - Justifying Items Along the Main Axis
-
Quiz: justify-content
-
align-items - Aligning Items Along the Cross Axis
-
Quiz: align-items
-
flex-wrap - Multiple Rows & Wrapping Inside Flex Containers
-
Quiz: flex-wrap
-
align-content - Justifying Content Along the Cross Axis
-
Quiz: align-content
-
-
Section 4. Designing Flex Items
-
order - Reordering Flex Items
-
align-self - Stubborn Children
-
flex-grow - Letting Children Grow
-
Quiz: flex-grow
-
flex-shrink - Shrinking Flex Items
-
Quiz: flex-shrink
-
flex-basis - Setting the Base Size
-
Quiz: flex-basis
-
-
Section 5. Flexbox in Practice
-
Flexbox Grids: Creating Responsive Galleries #1 (Minimal Code)
-
Flexbox Grids: Creating Responsive Galleries #2 (Extra Flexibility)
-
Real Vertical Centering with Flexbox (no more vertical-align)
-
The Media Object Pattern
-
The Holy Grail Layout
-
Flexbox Cheat Sheet
-
-
Section 6. Where to go from here...
-
A Quick Recap & What's Next
-
Bonus Lecture: Skyrocket Your Web Design Skills!
-
Don't miss new posts!
Subscribe for the Goal and follow through to its completion
