multicolumn circle images too big

[ecommfirst]

Hi All, can the circle images in multicolumn be made smaller so that I can see 3 on mobile. Similar to Instagram stories. URL https://www.affluentarchives.co.uk/

[GTLOfficial]

Hello @ecommfirst 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-multicolumn.css

.background-none .multicolumn-card-spacing {
padding: 0;
margin: 20px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Dan-From-Ryviu]

Please add this code to Custom CSS of this section 

@media (max-width: 749px) {
    .grid__item {
        width: calc(33% - var(--grid-mobile-horizontal-spacing) - 3rem) !important;
    }
}

[BSSCommerce-B2B]

@ecommfirst ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid

Step 3: Add this code before </body>

<style>@media (max-width: 768px) {
    .multicolumn-list li {
       width: calc(30% - var(--grid-mobile-horizontal-spacing) - 3rem)!important;
    }
}</style>

[Sangeetanahar]

hello @ecommfirst 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->base.css...>.
add the code end of the file

@media screen and (max-width: 749px) {
    .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, 
    .grid--peek .grid__item {
        width: calc(33% - var(--grid-mobile-horizontal-spacing) - 3rem) !important;
    }
}

result

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks