JSFiddle - React, Tailwind, and code Playground
HTML
<div class="parent">
<div class="container">
<div class="inner-container">
<div>
<p>Client Here</p>
</div>
<h2>Title Here</h2>
<div>Subtitle Here</div>
<p>Sint praesentium et deleniti quod dolore dignissimos impedit. Ut autem tempore quidem debitis necessitatibus alias culpa. Delectus sunt pariatur eum aut aperiam quia et quibusdam. Nemo exercitationem iusto consequatur.</p>
<p class="post-tag">Post Tag</p>
</div>
</div>
<div class="container">
<div class="inner-container">
<div>
<p>Client Here</p>
</div>
<h2>Title Here</h2>
<div>Subtitle Here</div>
<p>yadayada</p>
<p class="post-tag">Post Tag</p>
</div>
</div>
<div class="container">
<div class="inner-container">
<div>
<p>Client Here</p>
</div>
<h2>Title Here</h2>
<div>Subtitle Here</div>
<p>Sint praesentium et deleniti quod dolore dignissimos impedit. Ut autem tempore quidem debitis necessitatibus alias culpa. Delectus sunt pariatur eum aut aperiam quia et quibusdam. Nemo exercitationem iusto consequatur.</p>
<p class="post-tag">Post Tag</p>
</div>
</div>
</div>
CSS
.inner-container {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: repeat(4, auto);
padding: 10px;
}
.post-tag {
grid-column: 2;
grid-row: 1 / -1;
align-self: center;
font-style: italic;
}
.parent {
display: flex;
flex-direction: column;
}
.container {
display: flex;
flex-direction: column;
border-bottom: solid 1.5px #4b0fff;
flex: 1;
}