Layout
Card content
Content of the card. Cards can have multiple instances of the component.
Elements
The component is always a child of the card component. It is composed of one element, card__content.
<div class="card">
<div class="card__content">
<p>Sustainability is a social goal for people to co-exist on Earth over a long time. Specific definitions of this
term are disputed and have varied with literature, context, and time.</p>
</div>
</div>Sustainability is a social goal for people to co-exist on Earth over a long time. Specific definitions of this term are disputed and have varied with literature, context, and time.
Properties
Add classes to the wrapper class to change the style of the component.
Full width
Removes the bleed around the image.
class="card__content card__content--fullWidth"
Full width content
Sustainability is a social goal for people to co-exist on Earth over a long time. Specific definitions of this term are disputed and have varied with literature, context, and time.