<section class="py-20">
<div class="container px-4 mx-auto">
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-1/2 p-4">
<img class="w-full h-80 object-cover rounded-lg" src="mockup-assets/images/gray-500-horizontal.png" alt="">
</div>
<div class="w-full lg:w-1/2 p-4">
<img class="w-full h-80 object-cover rounded-lg" src="mockup-assets/images/gray-500-horizontal.png" alt="">
</div>
<div class="w-full md:w-1/3 p-4">
<img class="w-full h-80 object-cover rounded-lg" src="mockup-assets/images/gray-500-square.png" alt="">
</div>
<div class="w-full md:w-1/3 p-4">
<img class="w-full h-80 object-cover rounded-lg" src="mockup-assets/images/gray-500-square.png" alt="">
</div>
<div class="w-full md:w-1/3 p-4">
<img class="w-full h-80 object-cover rounded-lg" src="mockup-assets/images/gray-500-square.png" alt="">
</div>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
