Image

An image is a picture or visual representation of a person or thing.

Round Image

Round images are circular in shape genrally used to display profile pictures etc. Default dimension for these images will be 150x150.

phone mouse 
                    
                        <-- Using the 'round-img' class name -->
                        
                        <img class="round-img" src="../assets/image1.jpeg" alt="mouse" />

Square Image

Square images are square shape genrally used to display product pictures etc. Default dimension for these images will be 150x150.

mouse headphones 
                    
                        <-- Using the 'sq-img' class name -->
                        
                        <img class="sq-img" src="../assets/image1.jpeg" alt="headphones" />

Responsive Image

The images which changes their size when we resize the browser width.

desk-setup 
                    
                        <-- Using the 'resp-img' class name -->
                        
                        <img class="resp-img" src="../assets/image1.jpeg" alt="desktop" />
Card Input