JSFiddle - React, Tailwind, and code Playground
HTML
<figure>
<img src="/sarah-dayan.jpg">
<blockquote>“Tailwind CSS is the only framework that I've seen scale
on large teams. It’s easy to customize, adapts to any design,
and the build size is <em>tiny</em>.”</blockquote>
<figcaption><b>Sarah Dayan</b>Staff Engineer, Algolia</figcaption>
</figure>
CSS
figure {
display: grid;
grid-template-areas: "headshot caption empty empty"
"quote quote quote quote";
}
figure em {
font-size: .5em;
}
figure img {
grid-area: headshot;
}
figure figcaption {
grid-area: caption;
}
figure blockquote {
grid-area: quote;
}