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>