JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Div to post 8</a>
<div class="posts" data-id="1">
This is post 1
</div>
<div class="posts" data-id="2">
This is post 2
</div>
<div class="posts" data-id="3">
This is post 3
</div>
<div class="posts" data-id="4">
This is post 4
</div>
<div class="posts" data-id="5">
This is post 5
</div>
<div class="posts" data-id="6">
This is post 61
</div>
<div class="posts" data-id="7">
This is post 7
</div>
<div class="posts" data-id="8">
This is post 8
</div>
<div class="posts" data-id="9">
This is post 9
</div>
<div class="posts" data-id="10">
This is post 10
</div>
<div class="posts" data-id="11">
This is post 11
</div>
<div class="posts" data-id="12">
This is post 12
</div>
<div class="posts" data-id="13">
This is post 13
</div>
<div class="posts" data-id="14">
This is post 14
</div>

CSS

.posts{
     height:200px;
    background:#FFF;
    border:2px solid #ddd;
    margin-bottom:2px;
    
}