Display two columns in Simple List on mobile view only

Hello,

My website has a section with logos of previous clients I worked with. Client logos looks fine on desktop. However it looks too large on mobile. I am using a Simple List to display the logos. Is it possible to display the client logos in two columns instead of just one on mobile? 

It worked! Thank you!

Some of the logos in the simple list (on Squarespace 7.1) are larger and I think it's creating uneven space between rows. Can we fix it with code so all rows have same space between them? 

Hi, you can change the image width in simple list with this code. Lets assume you want to reduce the width of the third image from 100% to 90%. 

.user-items-list-simple li:nth-child(3) .list-image {
	width: 90% !important;
}

nth-child(3) part of the code indicates third image in the simple list. You can change the number according to your website. 

@Lesum Do you have any idea how to decrease the padding between those two columns on mobile view for a simple list?

ALSO WONDERING RE SIMPLE LISTS.... (On desktop and mobile view)

Do you know how to stop the gaps between the rows (I imagine this is due to the length of the entry into the opposing column.)

On 9/21/2023 at 2:49 PM, dani2 said:

@Lesum Do you have any idea how to decrease the padding between those two columns on mobile view for a simple list?

 

ALSO WONDERING RE SIMPLE LISTS.... (On desktop and mobile view)

Do you know how to stop the gaps between the rows (I imagine this is due to the length of the entry into the opposing column.)

#1. Use this CSS code

@media screen and (max-width:767px) {
.user-items-list-simple ul {
	grid-gap: 10px 10px !important;
}
}

#2. Can you share link to page where you use this?