Full width sections in the Hompage - Brooklyn theme

[SaraK]

Hello, does anyone know how to make the first section a bit larger (less margin) and the second one full width - meaning the background color takes the full width?

They are both custom HTML sections with these codes:

Section 1 (with the 3 images - which is actually one big image)

![Nature|1920x940](upload://eVlg8x6ZIK0ez7rjskyFekdG6KP.jpeg)

Section 2

## How to Use SpooperYou're still not sure how it works? Don't worry!
 **Check our guide on how to use Spooper by clicking**  [HERE](https://thespooperstore.com/pages/how-it-works).
You will be a PRO in less than a minute! 

Thank you in advance!!

www.thespooperstore.com

[Hardik29418]

Please place this code at the end of theme.scss

@media only screen and (min-width: 768px) {
  #shopify-section-1607599646408c733a .wrapper {
width: 100%;
max-width: 100%;
padding: 0px;
}
#shopify-section-1607597762b6c0a0a8 .wrapper {
width: 96%;
max-width: 96%;
padding: 0px;
}
}

[SaraK]

Thank you @Hardik29418 , it worked for desktop view, but not for mobile

[SaraK]

@diego_ezfy

[Hardik29418]

Replace my code with this

#shopify-section-1607599646408c733a .wrapper {
width: 100%;
max-width: 100%;
padding: 0px;
}
#shopify-section-1607597762b6c0a0a8 .wrapper {
width: 96%;
max-width: 96%;
padding: 0px;
}

[SaraK]

Better @Hardik29418 ! But how can we apply it only to the yellow background color, so that the text isn’t that close to the margin?