Layout

Base images

Images have a max-width of 100% by default.

Types

Full-width images

Gives all images a default max-width of 100% of their container.

HTML code snippet

<img src="https://dummyimage.com/800x40/addc91/101820" alt="">

Figure

Resets browser default side margins for figure to 0, and removes bottom inline spacing from img elements within.

HTML code snippet

<figure>
    <img src="https://dummyimage.com/340x320/addc91/101820" alt="">
</figure>