Images
Images are the most important component of a website as they attract the user's attention and, therefore, should be responsive.
Elixir offers the following types of images - Responsive images, Images rounded corner, and Round Images.
Responsive Images
To generate a responsive image, add the class img-responsive to any image in your website.
The width and height scale down depending on the size of the screen while maintaining the aspect ratio.
Copy the code below to generate a responsive image.
Images with Rounded Corners
To generate an image with rounded cornders, add the base class img-responsive along with the supporting class round-corner.
Copy the code below to use responsive images with round corners.
Round Images
To generate a a round image, use the base class img-round along with the base class img-responsive.
Copy the code below to use round shaped image.