JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container">
<div class="post-container">
<div class="post">
<h1>GIF</h1>
<img src="" >
<div class="postRef" >
<button type="button" class="btn btn-link">4 likes</button>
<button type="button" class="btn btn-link">5 comments</button>
<button type="button" class="btn btn-link">User</button>
</div>
<div class="postBtns">
<button type="button" class="btn btn-success"><span class="glyphicon glyphicon-thumbs-up"></span></button>
<button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-thumbs-down"></span></button>
</div>
</div>
<div class="post">
<h1>GIF</h1>
<img src="" >
<div class="postRef" >
<button type="button" class="btn btn-link">4 likes</button>
<button type="button" class="btn btn-link">5 comments</button>
<button type="button" class="btn btn-link">User</button>
</div>
<div class="postBtns">
<button type="button" class="btn btn-success"><span class="glyphicon glyphicon-thumbs-up"></span></button>
<button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-thumbs-down"></span></button>
</div>
</div>
</div>
<div class="other-container">
Other stuff!!!!<br><br><br><br><br><br><br><br><br><br><br><br>and others.
</div>
</div>
</div>
CSS
.container{
margin: 0 auto;
width: 80%;
max-width: 800px;
}
.post-container{
float:left;
width: 70%;
}
.other-container{
width: 29%;
float: right;
background: pink;
}
.post {
display: inline-block;
width: 100%;
background: lightblue;
}