Images in 2 columns instead of 1 on mobile - version 7.1 HELP

Hello,

I'm looking for a code that would allow me to display the people/lists on this page as two columns on mobile instead of one on mobile. Thanks so much! 

It is technically a "list" page that includes an image, description & button. I would like for all of these to show in two columns. 

I'm using Squarespace 7.1

Page: https://www.theparlorhuntsville.com/stylists

1 hour ago, THEPARLOR said:

Hello,

I'm looking for a code that would allow me to display the people/lists on this page as two columns on mobile instead of one on mobile. Thanks so much! 

It is technically a "list" page that includes an image, description & button. I would like for all of these to show in two columns. 

I'm using Squarespace 7.1

Page: https://www.theparlorhuntsville.com/stylists

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="63b390ebe88c8c550d25d3d2"] .user-items-list-simple {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 10px !important;
  }
}

Support me by pressing 👍  or marking as solution if this useful for you

My testing