CSS To keep Elements Center

[jamescox1981]

Hi Guys

I have two elements on a page that i would like to keep centralised between 769px and 2050px.

Any help would be great!

Many thanks 

[paramSoft]

Please provide website url and if your store is password protected then also provide password

[jamescox1981]

Hi

The page i am trying to style is: https://fibsupplements.com/pages/buy-now

Password: Fib01!

The image and text box are supposed to overlap, but they are slightly left of centre and i would also like them to shrink with the browser size between 2050px and 769px. 

They stack well for mobile but i am having issues when resizing between 2050px and 769px.

Thanks for any help!

[paramSoft · Accepted solution]

Please place this code at the end of theme.scss

@media only screen and (min-width: 769px) {
.index-section .grid--uniform .appear-delay-1 {
    width: 52% !important;
}

.index-section .grid--uniform .appear-delay-2 {
    width: 48% !important;
}
}

[jamescox1981]

Great! Many thanks