How to display two collection images per row in mobile view?

[Digital_Imran]

Hello Everyone. In the desktop view, you can see that collection images are normal. When I switch to mobile view, it gets one collection image per raw.

Would anyone be able to give me code to make these collections list two collections per row. 

Store build using Envy theme
Store URL: https://jhirna-1541.myshopify.com/

Any assistance you can provide would be greatly appreciated

[diego_ezfy · Accepted solution]

@Digital_Imran 

1. In your Shopify Admin go to online store > themes > actions > edit code

2. In your theme.liquid file, find the </body>(press CTRL + F or command + F on Mac)

3. paste this code right above the </body> tag:

<style>

@media (max-width:749px){
.template-index .collection-grid .indiv-collection-grid-homepage{
max-width: 50%;
}
}

</style>

If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.


Kind regards,
Diego

[Digital_Imran]

Thank you so much @diego_ezfy  The code works. 🙂 
Have a great day