Layout
Card media
Container for an image illustrating the card.
Elements
The component is always a child of the card component. It is composed of multiple elements. This structure is necessary for the component properties to work.
card__mediathe wrappercard__mediaInnerthe image
<div class="card">
<div class="card__media">
<div class="card__mediaInner"></div>
</div>
</div>Properties
Add classes to the wrapper class to change the style of the component.
Full width
Removes the bleed around the image.
class="card__media card__media--fullWidth"
Full width image