Open UI

Image


    @import url("https://openui.netlify.app/pages/components/Image/image.css");
    <link rel="stylesheet" 
    href="https://openui.netlify.app/pages/components/Image/image.css">
            

Responsive Image

Add the img-res class to the image tag. The image will grow to the 100% width of it's parent container.


    <img src="..." alt="" class="img-res" />
            

Round Image

Add the img-round class to the img tag to get a round image which will grow to 100% width of it's parent container.


    <img src="..." alt="" class="img-round" />