CSS Flexbox Properties:

CSS Flexbox, Hi ! How are you all hope that you will be good friends, today we are going to learn, what is Css Flexbox Properties and do you not know how to use Css Flex box, then today we will tell you how to use Css Flex box Css Flex Box Module Very good properties are used for this.

Flex Box Module can be used to create Responsive Web Design. If you also want to make website responsive then you can use flex box model. We can respond easily The Flexbox Layout module consists of four layout modules: Block, for sections in a webpage Inline, for text Table,

For two-dimensional table data Positioned, for explicit position of an element Responsive layout design can be easily created without using Flexbox Layout module float or positioning. flex container Flex display : flex; Can Be Responsive

Css flex box properties :

• flex-direction: column |column-reverse|row|row-reverse;

• flex-wrap: wrap| wrap-reverse|nowrap

CSS FLEX BOX PROPERTIES LIST:

CSS FLEX DIRECTION PROPERTIES

flex-direction: row;
flex-direction: column;
flex-direction: row-reverse;
flex-direction: column-reverse;

CSS FLEX WRAP PROPERTIES

flex-wrap: wrap;
flex-wrap: nowrap;
flex-wrap: wrap-reverse;

CSS JUSTIFY CONTENT PROPERTIES

justify-content: center;
justify-content: flex-start;
justify-content: flex-end;
justify-content: space-around;
justify-content: space-between;

justify-content: space-evenly;

CSS ALIGN ITEMS PROPERTIES

align-items: center;
align-items: stretch;
align-items: flex-start;
align-items: flex-end;

flex-grow: 1;
flex-shrink: 1;

align-self: flex-start;
align-self: center;
align-self: flex-end;

css flex box properties list learn in one hour only