how to remove the spacing between product cards in my product collection pages Dawn theme

[IntechCarl]

Hi everyone,
I wanted to remove the spacing between my product cards, I have tried all the solutions from the same questions here but it doesn''t work.  Store Preview Link:https://9eb4pjpcsal1k5pr-13830324282.shopifypreview.com
here is the photo for reference:

[LizHoang]

Hi @IntechCarl 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

@media only screen and (max-width: 750px) {
    .collection li {
        border-top: unset !important;
        border-bottom: unset !important;
    }
}

Result: 

Best,

Liz

[IntechCarl]

@LizHoang Thank you for your response, but I think you removed the border lines, not the space?
I don't want to remove the border only the white space between them.

[IntechCarl]

The space highlighted in this photo is what I want to remove

[LizHoang]

Hi @IntechCarl 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.card__information {
    padding-bottom: 0 !important;
}

li.grid__item.scroll-trigger.animate--slide-in {
    padding-top: 0 !important;
}

Result

Best,

Liz

[B2Bridge]

Hi @IntechCarl 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

@media only screen and (max-width: 750px) {
    ul.product-grid {
        gap: 0!important;
    }
}

 If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍

[DaisyVo · Accepted solution]

Hi @IntechCarl 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ
Here is the code for Step 3:

{% style %}
@media screen and (max-width: 768px) {
    .collection li {
        border-top: unset !important;
        border-bottom: unset !important;
    }
}
{% endstyle %}

Please let me know if it works. Thank you!Best,
Daisy - Avada Support Team.