Image
Image are so widely used all over the web. The image component provides a flexible interface for displaying different types of images.
Minimali has 3 variants of image component sqaure, round and responsive image.
Sqaure Image
Add .sq-image class to
img tag to get a square image.
Square image has a default dimension of 240x240 px.
Round Image
Add .round-image class to
img tag to get a round image.
Round image has a default dimension of 240x240 px.
Responsive Image
Responsive Image Component are used to dsiplay Images on websites, which are screen responsive. They expand upto the width of the container they are in.
Add .rsp-image class to
img tag to get a responsive image.
Resize the browser to see the responsive nature.