Size of 4 images and text width

[pimpãoclothing]

Can anyone tell me how to reduce the size of these 4 images and the width of the text so that it doesn't stretch so much in larger resolutions?

[thescriptflow]

Hi @pimpãoclothing,

Could you please share your Store URL and password (if applicable) so that I can review it and provide you with the appropriate solution code?

Looking forward to your response.

Thanks!

[pimpãoclothing]

Hey, sure here it is, and thanks in advance

https://umhw5c-2w.myshopify.com/

[thescriptflow]

You are most welcome.

In order to make the 4 grid image small and the width of the text then follow these steps.

Go to Shopify Admin > Online Store > Edit Code > base.css

Go to end of base.css file and paste the following code.

#shopify-section-template--24835640394052__image_text_grid_N4TnFL .grid-image img {
    width: 300px !important;
    max-width: 100% !important;
}
.image-grid{
    grid-template-columns: 0.7fr 1fr !important;
}
.grid-content{
    gap: 0px !important;
}

Results:

[pimpãoclothing]

But now this happens on smaller resolution (from 1600px to 999px)