DEV Community

Cover image for CSS FlexBox Tutorial
CodeWellTechYT
CodeWellTechYT

Posted on

CSS FlexBox Tutorial

Flexbox is a one-dimensional layout method for arranging items in rows or columns.
Items flex (expand) to fill additional space or shrink to fit into smaller spaces.

πŸ”₯πŸ”₯πŸ”₯ Happy Learning πŸ”₯πŸ”₯πŸ”₯
Timeline :
00:48 4 Main Concepts you must know
01:57 Creating Flex Container

Flex Container Properties

03:31 Flex-Direction-Row
05:11 Justify-Content
06:31 Align-Items
08:55 Flex-Direction-Column
10:45 Flex-Wrap
19:25 Align Content Flex Item Properties

11:39 Flex Item Properties Starts

11:44 Align-Self
12:38 Order Property
14:23 Flex-Grow
16:10 Flex-Basis
16:48 Flex-Shrink
18:25 Flex Shorthand Property

Top comments (0)