Images

Images in Rongila CSS can be easily styled#

Image Sizes -#

just use these classes to set image sizes

  1. Small Image: img-sm (width: 250px, height: auto)
  2. Medium Image: img-med (width: 400px, height: auto)
  3. large Image: img-lg (width: 500px, height: auto)
  4. Extra Large Image: img-xl (width: 650px, height: auto)

Thumbnails -#

use this class img-thumbnail for thumbnail (width: 150px, height: 150px)

Icons -#

use this class img-icon for thumbnail (width: 48px, height: 48px)

Rounded Images -#

use this class img-rounded to make rounded images

N.B: all these values are adjusted for mobile devices for responsiveness

Edit this page