JSFiddle - React, Tailwind, and code Playground

HTML

<div class="card">
    <header>Header</header>
    <div class="body">
        Content here. Content here. Content here. Content here.
        Content here. Content here. Content here. Content here.
        Content here. Content here. Content here. Content here.
        Content here. Content here. Content here. Content here.
        Content here. Content here. Content here. Content here.
        Content here. Content here. Content here. Content here.
    </div>
</div>
<div class="card">
    <header>Header</header>
    <div class="body">
        Content here.
    </div>
</div>
<div class="card">
    <header>Header</header>
    <div class="body">
        Content here.
    </div>
</div>
<div class="card">
    <header>Header</header>
    <div class="body">
        Content here.
    </div>
</div>
<div class="card">
    <header>Header</header>
    <div class="body">
        Content here.
    </div>
</div>

CSS

.body {
    position: absolute;
    top: 25px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #eee;
    overflow-y: scroll;
}
.card {
    position: relative;
    float: left;
    margin: 5px;
    border: 1px solid #ccc;
    width: 200px;
    height: 200px;
}