hellow guys iam new to web design ,i want to make a responsive design as shown below using bootstrap please respond : [enter image description here][1]


  [1]: https://i.stack.imgur.com/BCHwt.jpg

here is a code i tried but not working  especiall in mobile view

      <div class="col-sm-4">   
 <div class="product_body">
                       <div class="prod_image">
                           
                           <img src="images/product/1.png">
                       </div> 
                       <div class="prod_details">
                       <h4>Teddy bear</h4>
                          <div class="row">
                               <div class="col-xs-12 col-md-6 prod_price">
                                   RS 333
                                   
                               </div>
                               <div class="col-xs-12 col-md-6 prod_offer">
                                   88% OFF
                                   
                               </div>
                               
                           </div>
                       
                       </div>
                   </div>
                   </div>