Problem with product placement on the main page and in the collection

[PatrikJ]

Hello, how do I please code the products so that they are horizontal and below each other? Thank you.

domain name: faers.myshopify.com
password: jones05

[Ajay-app-dev]

Hi @PatrikJ , i have checked your URL, it needs to take care of from the code level.

[PatrikJ]

ok so what do i need to rewrite?

[himanshuhkm]

@PatrikJ

Go to Online Store>>Actions>>Edit Code>>Assets>>theme.css
Add this at the last

@media only screen and (max-width: 768px) {
#shopify-section-collection .page-width .grid .grid__item form {
margin-bottom: 50px;
}
}

I think this should work

[PatrikJ]

Thanks for your answer!

Unfortunately, that hasn’t changed

[himanshuhkm]

@PatrikJ
Try this

@media only screen and (max-width: 768px) {
#shopify-section-collection .page-width .grid .grid__item form {
margin-bottom: 50px !important;
}

.product-card {
height: 202px !important;

}
}

[PatrikJ]

Perfect! Love you!