Codezone

  Flexbox Before we look into the CSS flexbox, we will look into float and clear. Flex Box Structural Diagram      The Float Property Float property is simple. it just flows the element towards left/right. Flex Property   The Clear Property Used to clear the float. It specifies what elements can float beside a given element.   The CSS Flexbox Aims at providing a better way to layout, align and distribute space among items in a container. .container { display: flex; }   Flex Direction Property Defines the direction forwards which items are laid. Can be row, row-reverse, column, column-reverse.   Flex property for Parent (Flex Container) Following are the properties for the flex parent. 1.       Flex-wrap:- can be wrap, nowrap, wrap-reverse. Wrap items as needed with this property.            2.       Justify-Content:- Defines alig...