SENSE: Make Product Description & Product Page Content FULL WIDTH

Store Design
8

In that case you’d have to make column here. So you don’t have images on the left side. Also, you should make different logic for your images since it’s weird to have 5 images until you see the text and purchase options.

Anyway, you can play with it, find this element:

.product.grid {
    gap: 0;
}

Change it with:

.product.grid {
    gap: 0;
    flex-flow:column;
}

And change values of the elements I mentioned in my previous answer:

.product--medium:not(.product--no-media) .product__info-wrapper, .product--small:not(.product--no-media) .product__media-wrapper {
    max-width: 100%;
    width: calc(100% - var(--grid-desktop-horizontal-spacing) / 2);
}

Same goes for the other element, instead of 50% add 100%.