JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<article class="box">
    <header class="entry-header">title
    </header>
    <footer class="entry-meta">date
    </footer>
</article>

CSS

.box
{
    display: table;
    height: 144px;
    width: 144px;
}
header
{
    display: table-row;
    height: 100%;
    background: orange;
}
footer
{
    display: table-row;
    height: 20px;
    background: aqua;
}