How to make galleries show up as 2 images wide instead of 1

Site URL: https://tmha-new-site.squarespace.com/galleries

PASSWORD: tamara

How can I code the galleries page so on mobile it shows the 4 galleries as 2x2 instead of 1 wide ?

Add to Design > Custom CSS

/* Galleries page 2 columns mobile */
@media screen and (max-width:767px) {
div#gridThumbs {
    grid-template-columns: repeat(2,1fr) !important;
}
}

@tuanphan YASSSS this looks so much better!

One more small tweak if possible!

1. How can i add code to be able to change the font/size/line height of the gallery titles? 
2. Would the coding request above help bring the titles a bit closer to the image above it?

On 4/20/2022 at 9:22 PM, ThisWayToFabulous said:

@tuanphan YASSSS this looks so much better!

One more small tweak if possible!

1. How can i add code to be able to change the font/size/line height of the gallery titles? 
2. Would the coding request above help bring the titles a bit closer to the image above it?

Remove above code

Add this ocde to Galleries Page Header

<style>
  /* Galleries page 2 columns mobile */
@media screen and (max-width:767px) {
div#gridThumbs {
    grid-template-columns: repeat(2,1fr) !important;
}
  .portfolio-text {
    margin-top: 5px !Important;
}
  h3.portfolio-title {
    font-size: 20px !important;
}
}
</style>