how do i resize my product cards to get 4 to a row?

[Alex419]

how do i get 4 product cards to a row on my home page?

[shahrozbabar5]

Hi @Alex419, you don't need to do it all the time, because most of the themes have built-in feature, but still I would like to know which theme are you using? and can you share you store link?

[Alex419]

https://e471ejyrfpoar3wo-85521531192.shopifypreview.com

this should be it?

[Made4uo-Ribe]

HI @Alex419 

Would you mind to share your store URL? Thanks!

[Alex419]

https://e471ejyrfpoar3wo-85521531192.shopifypreview.com

is this what you were asking for?

[Made4uo-Ribe]

Yes, thanks. is this for the mobile screen? Like this?

If it is check this code. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media screen and (max-width: 749px) {
    .grid--2-col-tablet-down .grid__item {
        width: 100%;
    }
    .grid__item {
        max-width: 100%;
}
    .contains-card--product .grid {
        flex-direction: column;
}
}

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Alex419]

im sorry, i unsuccessfully tried sending a screenshot of the problem and i guess my description of the problem wasn't very clear, but since then ive been able to resolve the issue myself. thank you for your effort to help me!