40:I[347331,["/_next/static/chunks/439c37ad2b72e2b1.js","/_next/static/chunks/0ba991d8f2335c9b.js","/_next/static/chunks/58fdbf0abd41b534.js","/_next/static/chunks/44c001bc0e101581.js","/_next/static/chunks/2f984525eb45bd64.js","/_next/static/chunks/e73d873e49f43116.js","/_next/static/chunks/f9f32ee61eb96355.js","/_next/static/chunks/cf9ed2f95df1f17d.js","/_next/static/chunks/f817ae540335877b.js","/_next/static/chunks/27f372c814f5b871.js","/_next/static/chunks/be29549412c5226c.js","/_next/static/chunks/e07669d472d70460.js","/_next/static/chunks/819483855cc0673e.js","/_next/static/chunks/0df9deb3c39b3362.js","/_next/static/chunks/12cca3e61a1ab4a2.js","/_next/static/chunks/e59b4daaf6babba4.js","/_next/static/chunks/66400175fd4b3e19.js","/_next/static/chunks/dee9922d5a895b38.js","/_next/static/chunks/53131db8023545cb.js"],"default"] 41:I[605500,["/_next/static/chunks/439c37ad2b72e2b1.js","/_next/static/chunks/0ba991d8f2335c9b.js","/_next/static/chunks/58fdbf0abd41b534.js","/_next/static/chunks/44c001bc0e101581.js","/_next/static/chunks/2f984525eb45bd64.js","/_next/static/chunks/e73d873e49f43116.js","/_next/static/chunks/f9f32ee61eb96355.js","/_next/static/chunks/cf9ed2f95df1f17d.js","/_next/static/chunks/f817ae540335877b.js","/_next/static/chunks/27f372c814f5b871.js","/_next/static/chunks/be29549412c5226c.js","/_next/static/chunks/e07669d472d70460.js","/_next/static/chunks/819483855cc0673e.js","/_next/static/chunks/0df9deb3c39b3362.js","/_next/static/chunks/12cca3e61a1ab4a2.js","/_next/static/chunks/e59b4daaf6babba4.js","/_next/static/chunks/66400175fd4b3e19.js","/_next/static/chunks/dee9922d5a895b38.js","/_next/static/chunks/53131db8023545cb.js"],"Image"] 42:I[817164,["/_next/static/chunks/439c37ad2b72e2b1.js","/_next/static/chunks/0ba991d8f2335c9b.js","/_next/static/chunks/58fdbf0abd41b534.js","/_next/static/chunks/44c001bc0e101581.js","/_next/static/chunks/2f984525eb45bd64.js","/_next/static/chunks/e73d873e49f43116.js","/_next/static/chunks/f9f32ee61eb96355.js","/_next/static/chunks/cf9ed2f95df1f17d.js","/_next/static/chunks/f817ae540335877b.js","/_next/static/chunks/27f372c814f5b871.js","/_next/static/chunks/be29549412c5226c.js","/_next/static/chunks/e07669d472d70460.js","/_next/static/chunks/819483855cc0673e.js","/_next/static/chunks/0df9deb3c39b3362.js","/_next/static/chunks/12cca3e61a1ab4a2.js","/_next/static/chunks/e59b4daaf6babba4.js","/_next/static/chunks/66400175fd4b3e19.js","/_next/static/chunks/dee9922d5a895b38.js","/_next/static/chunks/53131db8023545cb.js"],"TipTapContent"] 43:T51c,

Desktop + Mobile

/**
* Full Width Block
**/
#block-id {
  padding: 17px 0px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  .sqs-block-content{
    max-width:1250px;
    margin:auto;
  }
}

Mobile Only

/**
* Full Width Block
**/
@media(max-width:767px){
  #block-id {
    padding: 17px 0px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;

    .sqs-block-content{
      max-width:1250px;
      margin:auto;
    }
  }
}

References: Ahmad Shadeed, CSS Tricks

Full Width Image & Video Blocks in Squarespace

Comments