Squarespace Tutorial: Split Layout Design

In this tutorial, I show you how to create a split layout section in the Brine template of Squarespace. Below you will find the video tutorial as well as the code used.

Split Layout Section Design In Squarespace

Custom CSS:

#split-layout {
  .Index-page-content {
    padding: 0px;
    max-width: 100%;
    .sqs-block {
      padding: 0;
    }
    .image-inset.content-fit {
      height: 100%
    }
    .design-layout-card img {
      height: 100%!important;
      object-fit: cover;
      -o-object-fit: cover;
    }
  }
}

If you have any questions or need help implementing this on your site, please feel free to shoot me an email or leave me a comment on YouTube.

Cheers!
Chris