How can I center the product info grid in the Dawn theme?

[AndreiGhetu]

Hi. Does anyone know how can I make the product info grid more to the centre like in the exaple photo? I attached a photo of my product info grid, and one of how I would like to look like.

MY GRID:

THE EXAPLE:

I already tried padding, but when I resize the page, it looks like everything is shrinking.

Website: https://viellelondon.com

pass: 123123123

[Ujjaval]

@AndreiGhetu
add below css into base.css file

@media screen and (min-width: 990px)
{
.product--large:not(.product--no-media) .product__media-wrapper {
    max-width: 100% !important;
    width: calc(60% - var(--grid-desktop-horizontal-spacing) / 2);
}
}

[ahirwp]

try with below css

@media screen and (min-width: 990px){
.product–large:not(.product–no-media) .product__media-wrapper {
max-width: 50%;
width: calc(60% - var(–grid-desktop-horizontal-spacing) / 2);
}

.product–large:not(.product–no-media) .product__info-wrapper {
padding: 0 0 0 22rem;
max-width: 40%;
width: calc(35% - var(–grid-desktop-horizontal-spacing) / 2);
}
}

Thanks
Ahir

[EcomMinds]

Hello,

I sent an invitation, if you stay in touch with me, I will respond to all your requests.

Best Regards,

EcomMinds