<div id="feauture-store"> <div class="box py-4"> <div class="container"> <div class="row"> <div class="col-md-9"> <h2 class="mb-0">Discounted Deals</h2> <div class="container"> <div class="row"> <div class="col-md-6 text-center"> <picture> <source media="(min-width: 68px)" srcset="img/deal2.png"> <img src="img/deal2.png" alt=""> </picture> </div> <div class="col-md-6 text-center"> <picture> <source media = "(min-width:68px)" srcset="img/deal3.png"> <img src="img/deal3.png" alt=""> </picture> </div> </div> </div> </div> </div> </div> </div> </div>
// css style for div clas<pre>img { display: block; max-width: 100%; height: auto; margin-bottom: 20px; /* add margin to create space between images */ } @media (min-width: 768px) { picture { width: 100%; height: 100%; } }
picture { display: block; max-width: 100%; height: auto; margin-bottom: 20px; /* add margin to create space between pictures */ } @media (min-width: 768px) { picture { width: 100%; height: 100%; } }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)