Jump to content

Musil

Member
  • Posts

    2
  • Joined

  • Last visited

Posts posted by Musil

  1. Site URL: https://lavender-caribou-csa2.squarespace.com/miami

    Hello,

    I have been attempting to have three images display on the mobile gallery grid as pictured on the top, but it's currently only displaying two at a time and staggering the third. (As pictured bellow.)

    597184204_Screenshot(13).png.2c98d52fd0596930e805459200952f8b.png

    I've used this CSS, but it's not working as intended, it's making the longer banners display at  a third of their size.

    Quote

     

    @media screen and (max-width:767px) {
    .gallery-grid-wrapper {

    grid-template-columns: repeat (3,1fr) !important;
      }}

     

    TET.png.a7571ec4afff6404185df4a386ae7187.png

    Also is there a way to reduce the spacing between a text block, an image block and a gallery block on mobile? The padding is too much.

    Thanks in advance!

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.