Squarespace 7.1 - Trying to make instagram grid full-width, custom CSS code has issues

Site URL: https://alana.squarespace.com/test

My site password: test

I have an instagram grid in a separate section and am trying to make it full-width, edge-to-edge. I found a custom CSS code solution, but it's causing weird padding issues.

If you look at my site, you'll notice that now the entire page has an overflowing horizontal scrolling on the right side because of the code. I can't figure out which part of the code is causing this.

Any help would be greatly appreciated. Thank you.

P.S. This is the code I used:

section[data-section-id="618da30784add177e9ae4d15"] { 
.content-wrapper {
max-width: 100%;
padding: 0vw !important;
margin: 0vw !important;
}

.content {
width: 100% !important;
}
}

#block-7d28bd1e68a3405338f0 {
padding-bottom: 0vw !important;
margin: 0vw !important;
}

20 hours ago, bangank36 said:

Hi @Aurmont,

You can try the following code in Home > Design > Custom Css

section[data-section-id="618da30784add177e9ae4d15"] .content > .sqs-layout > .row {
  margin-left: 0;
  margin-right: 0;
}

section[data-section-id="618da30784add177e9ae4d15"] .instagram-block {
  padding: 0 !important;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

Hello BaNgan, am I supposed to use your code together with my code? Or just your code alone?

20 hours ago, alanx said:

 

Hello BaNgan, am I supposed to use your code together with my code? Or just your code alone?

Hi @alanx,

Just adding it below your code in  Custom Css,

NOT REPLACE your code