Cards

Tailwind

Provides container elements that wrap and separate content

Usage

Include the .card-body class to apply some basic styles, such as padding.

html
<div class="card card-body">Skeleton</div>

Headers and Footers

If you wish the split the card into regions, use the following structure.

html
<div class="card">
    <header class="card-header">(header)</header>
    <div class="card-body">(body)</div>
    <footer class="card-footer">(footer)</footer>
</div>