HTML
<div class="sands-forum-outer">
<div class="sands-forum-left">
<div class="sands-forum-gif">
<img src=""/>
one
</div>
</div>
<div class="sands-forum-center">
<span class="sands-forum-title">title here</span><br/>
on date - topic/name?
</div>
<div class="sands-forum-right">
<span class="sands-forum-title">##</span><br/>
posts<br/>
<span class="sands-forum-title">##</span><br/>
topics
</div>
</div>
CSS
.sands-forum-outer {
display: flex;
flex-direction: row;
background-color: red;
border-radius: 20px;
border: 5px solid blue;
}
.sands-forum-left {
background-color: purple;
border-radius: 15px 0px 0px 15px;
padding: 33px;
}
.sands-forum-gif {
width: 75px;
height: 75px;
background-color: ;
background: url(https://i.postimg.cc/tTFmMtFk/1511c707da84d30711e5b36aaded40c5.jpg);
background-size: cover;
border: 2px solid blue;
border-radius: 10px;
}
.sands-forum-center {
background-color: blue;
width: 70%;
padding: 30px 30px 0px 0px;
text-align: right;
height: 100px;
}
.sands-forum-title {
font-size: 35px;
}
.sands-forum-right {
background-color: yellow;
padding: 0px 20px 0px 20px;
border-radius: 0px 15px 15px 0px;
font-size: 12px;
text-align: center;
}
