Cards

Putting your content in separates boxes can be a great way to separate things, just like you can see it here, on this very page. For this, we use the card class.

<div class="card">
	<header class="card-header">
		<h2>The card's title</h2>
	</header>
	<div class="card-content">
		<p>Some content in your card</p>
	</div>
</div>
			

You can ommit the card-title or card-content element: it will adapt just fine!