how to change homepage product card image size bigger in shopify

[vic186]

Hi, I want to make my product image bigger and to make them all fit the width of my page. Here is my site: https://furrytaleus.com/ And the result I want to make is something like this.

[Mike-Consentik]

Hi @vic186

This is Mike from Consentik

First of all, you need to increase of page with for this section, now is 120rem. Then you need increase width of each product card in this section.

[vic186]

Hi Mike, thank you for your help. Would you please show me how to increase the page for this section?

[Mike-Consentik]

@vic186
You can change it here:

[vic186]

Hi, this is the best I can do with increase the image size and make page width 2000px

[Mike-Consentik]

hey @vic186

You can try this CSS code:

ul.grid.product-grid {
    display: flex !important;
    justify-content: space-between;
}

li.grid__item.scroll-trigger.animate--slide-in {
    max-width: 27rem !important;
}

Change the value of max-width like you want.

Hope this would help you