دیتا لیست رو چطوری ریشپانسیو کنیم

سلام دوستان من مشکلی که دارم اینه که دیتا لیست رو سه ستون قرار میدم ولی ریسپانسیو نمیشه .
یکی قالب واسم طراحی کرده با اچ تی ام ال .
کدش هم اینه

<div class="mainpost">
<img src="post/2.jpg" alt="">
<div class="tpost">دیسک چرخ </div>
<div class="geymat">
76,000 تومان
</div>
<div class="showpost">
<a href="#"><span class="btnshowpost">نمایش / خرید
</span></a>
</div>
</div>
<div class="mainpost">
<img src="post/1.jpg" alt="">
<div class="tpost">لنت </div>
<div class="geymat">
24,000 تومان
</div>
<div class="showpost">
<a href="#"><span class="btnshowpost">نمایش / خرید
</span></a>
</div>
</div>
<div class="mainpost">
<img src="post/2.jpg" alt="">
<div class="tpost">دیسک </div>
<div class="geymat">
564,000 تومان
</div>
<div class="showpost">
<a href="#"><span class="btnshowpost">نمایش / خرید
</span></a>
</div>
</div>

حالا من یه داویش رو بر میدارم میندازم تو دیتا لیست ولی اونجوری نشون نمیده
چیکار کنم
ممنون میشم راهنمای کنید؟