Carousel Summary Block Full Width Issue - Squarespace 7.1

Site URL: https://www.horosho.io/

Hello!

Would anyone be able to tell me why my banner isn’t reaching the full width of the page? It is so close, however on the desktop version, and especially mobile, it is noticeable.

I am using a carousel summary block with the following CSS:

/*Start Code for banner on Home page */
[data-section-id="6134d5610ba34b71eff63623"] .content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  	padding-top: 0 !important;
  margin-top: -36px !important;
  margin-bottom: -12px !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
  }

/* Add space between excerpt and post title on banner }*/ 
#block-18fde951df183f0ea6a1 .summary-excerpt p {
  padding-top: 10px !important;
  padding-bottom: 5px !important; 
}
/* Add space between title and image  */
#block-18fde951df183f0ea6a1 .summary-title {
    padding-top: 20px !important;  
}
/* Add space between date and bottom */
#block-18fde951df183f0ea6a1 .summary-metadata-item.summary-metadata-item--date { 
      padding-bottom: 20px !important;  
}
/*End Code for banner on Home page*/

I was able to remove the space on the left side by using margin-left: -3px, however that just seemed to shift the images to the left, and not widen it.

Any help would be much appreciated!

Hey Everyone, 

I figured it out! Turns out I didn't adjust the padding on the block, which I realized after adding this code:

#block-18fde951df183f0ea6a1 {
padding-left: 0 !important;
padding-right: 0 !important;
}

I hope this helps someone else!

It is working @Horosho !

Thank you very much for posting the end of the code 😉