Split Screen Sections (not mobile)

PHOTO EMBED

Tue Apr 26 2022 18:16:14 GMT+0000 (Coordinated Universal Time)

Saved by @jackie

//*This code places the image on the left:*//

@media only screen and (min-width: 640px){
[data section id] .section-background {
 width: 50%
}
[data section id] .content-wrapper {
 width: 50%;
 margin-left: 50%!important;
 }
}
  
  
  
//*This code places the image on the right:*//
  
  @media only screen and (min-width: 640px){
[data section id] .section-background {
 width: 50%;
 margin-left: 50%!important;
}
[data section id] .content-wrapper {
 width: 50%;
 margin-left: 0%!important;
 }
}
content_copyCOPY

Splits a section background and a section wrapper into split screen.

https://insidethesquare.co/squarespace-tutorials/split-layout