Img
- src
- utilities
- img.scss
Class list
- .responsive
- .fill-width
- .fit-contain
- .fit-cover
- .fit-none
Description
Use the above classes on an img element.
Responsive
The .responsive class makes it so that the element it's applied to has a maximum width equal to 100% of its parent element.
Fill width
The .fill-width class makes to so that the element it's applied to is always has a width equal to 100% of its parent element.
Object Fit
The .fit- related classes are to be used on an img element whose width and height have been set. They determine how to adjust the image itself to fit into the dimensions provided.