Images

Images are defined by the aspect ratio of their parent div, which can be adjusted across aspect ratios. Image elements use the Object Fit Cover class, while their parents use the Image class & a subclass that defines the aspect ratio like 16x5.

Tip: Image aspect ratios can be overridden at each viewport, but you must switch to tablet view to see tablet classes & mobile view to see mobile classes.

Image
16x5
Image
21x9
Image
2x1
Image
16x9
Image
4x3
Image
1x1
Image
1x2
More classes available at tablet viewport
Image
16x5 Tab
Image
21x9 Tab
Image
2x1 Tab
Image
16x9 Tab
Image
3x4 Tab
Image
1x1 Tab
Image
1x2 Tab
More classes available at mobile viewport
Image
16x5 Mob
Image
21x9 Mob
Image
2x1 Mob
Image
16x9 Mob
Image
4x3 Mob
Image
1x1 Mob
Image
1x2 Mob