Adding spacing on left/right of grid

Site URL: https://www.craigkleila.com/

Hi,

I added a gallery grid to display my logos on my homepage - craigkleila.com, password = "password". However, I don't see an option to add space on either side of the gallery so it's taking up the whole width of the page. Does anyone know how I can add padding to either side of my gallery grid? 

I've tried using this code, which works, but it also impacts other galleries on the site.

.user-items-list {
   padding-left: 10vw;
    padding-right: 10vw;
}
 

Use this code

@media screen and (min-width:992px) {
.user-items-list-item-container[data-section-id="63165f17e666f56ecfc96479"] {
    padding-left: 10vw;
    padding-right: 10vw;
}
}

This did the trick for desktop, thanks. However, now on mobile, only one icon is displaying per row. How can I make it 3 per row?

On 9/9/2022 at 4:17 AM, Craig456 said:

This did the trick for desktop, thanks. However, now on mobile, only one icon is displaying per row. How can I make it 3 per row?

Add this to Design > Custom CSS

/* Brands worked with mobile */
@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="63165f17e666f56ecfc96479"] {
    grid-template-columns: repeat(3,1fr);
}
}

Unfortunately that didn't work. Any other ideas?

On 9/17/2022 at 4:14 AM, Craig456 said:

Unfortunately that didn't work. Any other ideas?

Can you add & keep the code in Custom CSS? I will check it again

I've added it again! Can you take a look?

10 hours ago, Craig456 said:

I've added it again! Can you take a look?

It shows fine to me. You try clearing browser cache & check again.