Align section on product page

[MT27]

Hi for some reason when the screen gets bigger the section I have circled in red (multicolumn) moves to the right, can you please help me align it under text like on the laptop for all screen sizes? Thank you

Pass: biangu

Url: www.matibrnd.com

[BSS-Commerce]

Hi @MT27 ,

Please follow these steps:
Step 1: Access Shopify Admin => Online Store => Themes => Edit Code

Step 2: Find the file base.css or theme.css.
Image:

Insert this code into your CSS file:

@media only screen and (min-width: 1425px) and (max-width: 1508px) {
    #shopify-section-template--18467719414027__a8bd6c37-7476-45f3-b13e-29110c105a73 .grid__item {
      width: 92% !important;
    }
}

@media only screen and (min-width: 1327px) and (max-width: 1424px) {
    #shopify-section-template--18467719414027__a8bd6c37-7476-45f3-b13e-29110c105a73 .grid__item {
      width: 86% !important;
    }
}

@media only screen and (min-width: 1213px) and (max-width: 1326px) {
    #shopify-section-template--18467719414027__a8bd6c37-7476-45f3-b13e-29110c105a73 .grid__item {
      width: 78% !important;
    }
}

@media only screen and (min-width: 1091px) and (max-width: 1212px) {
    #shopify-section-template--18467719414027__a8bd6c37-7476-45f3-b13e-29110c105a73 .grid__item {
      width: 70% !important;
      margin-top: -129px !important;
    }
}

@media only screen and (min-width: 850px) and (max-width: 1090px) {
    #shopify-section-template--18467719414027__a8bd6c37-7476-45f3-b13e-29110c105a73 .grid__item {
      width: 62% !important;
      margin-top: -65px !important;
    }
}

Hope it helps @MT27

[MT27]

didnt change..