Flexbox is a layout method for arranging items in rows or 
 columns.
 The CSS Flexbox Layout should be used for one-dimensional 
 layout, with rows OR columns.

 The CSS .class selector selects elements with a specific class 
 attribute value.

 The **element.class** selector selects the specified elements 
 with the specified class attribute value.

 The element selector selects HTML elements based on the 
 element name.

 Here, all <p> elements on the page will be center-aligned, 
 with a red text color: 

 The CSS box-shadow property is used to apply one or more 
 shadows to an element.

 div {
     box-shadow: 10px 10px;
 }

 The border-radius property defines the radius of the element's 
 corners.it allows you to add rounded corners to elements.

 #example {
    border: 2px solid red;
    border-radius: 25px;
 }