Partner logos are too big on mobile in a team section

Site URL: https://porpoise-grapefruit-3xzj.squarespace.com/config/pages

Hi everyone, 

I'm looking to reduce the size of the partner logos in the team section I created. On desktop it's really good but on mobile it's way too big. And even if possible put several next to each other if possible. 

Does anyone have a CSS code? 

Thanks a lot

On 1/6/2022 at 9:03 PM, Gatien said:

Site URL: https://porpoise-grapefruit-3xzj.squarespace.com/config/pages

Hi everyone, 

I'm looking to reduce the size of the partner logos in the team section I created. On desktop it's really good but on mobile it's way too big. And even if possible put several next to each other if possible. 

Does anyone have a CSS code? 

Thanks a lot

Hi. Where is team section? I don't see it on homepage

Hi @tuanphan, thank you for your answer. 

It's not on the Home page but on the services page --> Entreprises at the bottom. 😌

Add to Design > Custom CSS

/* enterprise logos on mobile */
@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="61d6d3cd4e09b6344ba2c74b"] {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px 10px !important;
}
}

Perfect ! Looks great ! Thank you @tuanphan ! 🙌