@Rishabh-Webkul
I've been working on customizing the product card layout for the mobile view in Bagisto. My goal is to display two product cards side by side on smaller screens while maintaining an appropriate size for desktop screens.
I attempted to adjust the minimum width of the product cards by changing the class from min-w-[291px] to min-w-[281px]. However, this change affected the card sizes for both desktop and mobile views in unexpected ways, causing layout issues and making the design cluttered and difficult to manage.
Despite following the recommended approach of modifying the file located at packages/Webkul/Shop/src/Resources/views/components/products/carousel.blade.php, the adjustments did not yield the desired results.
I'm finding it challenging to customize the layout effectively within Bagisto’s structure. Could anyone provide guidance on why these changes might be causing such issues and suggest a more reliable method to achieve the desired responsive design? Additionally, any tips on simplifying the customization process within Bagisto would be greatly appreciated.
Thank you!
Screenshot 2024-05-20 at 12.43.56 PM.png
Screenshot 2024-05-20 at 12.41.43 PM.png