thank your for your reply!.
I found a solution to my problem.
First of let me explain again what my problem was…
I set the max width of content to 1680 px and created a layout with offsets on lots of images.
The gridder width stopped enlarging as expected :)
But this didn't stop the images with offsets from adjusting their position according to the browser width.
So on a really big screen the offset images would be offset way too much in relation to the rest of the content.
My solution for this was to use the transform() CSS function instead of using the offset in the gridder menu.
This way the offset stops enlarging after the browser reaches the specified max width.
For everyone who runs into the same issue, here is what you have to do…
Give the element you want to offset an ID and then use the custom CSS option to define the offset via the translate() CSS function.
Here is an example of what your CSS could look like:
This bases the offset on the width of the image you gave the ID to.
I hope I explained it in a way that is understandable :)