Component Listing

IMAGES

Images are used to provide visual information/aesthetic to a webpage.
To use these images in your project import the below stylesheet.


@import url("https://oxygen-ui-component-library.netlify.app/components/images/images.css")

Responsive Images

This is used to display any image to the 100% of the parent container keeping the aspect ratio in place. Use the classname image-responsive to achieve this in your project.


<div class="image-container">
    <img class="image-responsive" src="https://picsum.photos/300/200" alt="Image">
</div>

Responsive round Images

This is used to display any image in circular shape with the width being 100% of the parent container. Use the classname image-round to achieve this.
```
<div class="image-container">
    <img class="image-round" src="https://picsum.photos/300/200" alt="Image">
</div>
                        
```