tidle UI

Images

Responsive Images

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

Rounded & Square Images

image image image 
            
              <img class="img-rounded" src="..." alt="...">
              <img class="img-square" src="..." alt="...">
              <img class="img-circle" src="..." alt="...">

Image Fit

Use the .fit-contain .fit-cover .fit-fill .fit-none CSS classes to fit an image to a container. The default value is object-fit: cover.