Easy CSS Flexbox Tutorial - Learn All Properties of Flexbox with Practical Examples

Опубликовано: 23 Апрель 2021
на канале: Sameer Saini

893

💖 Subscribe to show support: https://bit.ly/2FAgXzS
☕ Buy me a coffee: https://www.buymeacoffee.com/SameerSaini

CSS Flexbox Tutorial For Beginners - Learn CSS Flexbox and CSS Flexbox Properties with Examples

In this video, we will be understanding how a CSS Flexbox grid works. This is an easy tutorial for beginners where we will cover a few theoretical basics and then move on to understanding Flexbox practically.

Find the CSS Flexbox code used in this video below:
https://liveweave.com/koTiGF

Play this CSS Flexbox game and increase your understanding even more:
https://flexboxfroggy.com/

Chapters:
00:00 Introduction
00:25 Introduction To CSS Flexbox
00:43 CSS Flexbox Structure
00:58 Flexbox Container
01:18 Flexbox Items
01:37 CSS Flexbox in Action
04:00 Understanding Flex-Direction property
05:47 Understanding Flex-Wrap property
07:52 Understanding Justify-Content property
10:13 Understanding Align-Items property
12:24 Understanding Align-Content property
14:30 Understanding Flex-Flow property
15:10 Understanding CSS Flexbox Order property
17:35 Understanding Flex-Grow property
18:54 Understanding Flex-Shrink property
20:00 Understanding Flex-Basis property
20:57 Understanding Align-Self property