Equally distributing two collection lists on the Prestige theme

[Jarch2]

I want to equally distribute these 2 sections so they have the same background distance between each one. So for example it might be like 500px (section) 500px (section) 500px

 

[BiDeal-Discount]

Hi @Jarch2 

is this home page section, if yes, is this ok?

[Jarch2]

yes this section

[BiDeal-Discount]

let try to add Custom CSS below:

@media screen and (min-width: 1140px) {
    .CollectionList .CollectionItem {
        min-width: 50%;
    }
}

[Jarch2]

not quite what I'm looking for. That code made the images wider and not the space in between them. I created this mockup in Canva of what I'm going for.

[BiDeal-Discount]

I'm not sure which section you mean but as you can see my screenshot below, it's working perfect

[Jarch2]

I fixed it with the code
.CollectionList {
justify-content: space-evenly;
}