How to show 2 cards per row in mobile view? - SQS 7.1

Site URL: https://on7studio.squarespace.com/

Password: 1500Broadway

Please click to the "Classes" page first.

So if you look at the card I put in the section below, is there anyone know which code could make it show 2 cards per row on mobile browser? And also how to make each of the Card's Title font to Bold? There are only adjustment options for description but not title.

Thank you,

Leesh 

It works well!! Thanks again!

2 hours ago, ZABS860 said:

Hello, I'm trying to do this on https://www.aimeesternestates.com/press (password: Newpassword) but can't seem to get it to work. Pasted below is my code, can you please advise?

//Make List 2 Columns on Mobile//

@media screen and (max-width:767px) {
.user-items-list-item-container section[data-section-id="628d64b57c0c6a0128543652"] {
    grid-template-columns: repeat(2,1fr) !important;
}
}

 

Use this code

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="628d64b57c0c6a0128543652"] {
    grid-template-columns: repeat(2,1fr) !important;
}
}

5 hours ago, ZABS860 said:

Unfortunately this didn't work either! Any advice?

Can you keep the code in Custom CSS? We can check it again easier

20 hours ago, ZABS860 said:

I did leave it, it's still there as:

//Make List 2 Columns on Mobile//

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="628d64b57c0c6a0128543652"] {
    grid-template-columns: repeat(2,1fr) !important;
}
}

I see it worked on my end. Can you try checking on another device?