I sent the link + login via chat.
I went on to do the following, added the following custom css to the desktop version:
img {
max-width:850px;
}
This css rule ensures that images do not exceed the width of 850px, however portrait images with a different orientation appear to be larger, they continue to increase in width and appear to float outside of the parent element. In my 2 column grid I have single portrait images, landscape oriented images and portrait images side by side, the portrait images which are placed side by side appear to float outside of the parent element.
Also, the larger the resolution the more off center the images appear to be.
I tried adding a specific class to portrait-oriented images in the gridder and then to create a css rule for that class - but this method did not seem to work.
How would I be able to center the page as it appeared originally? And is it possible to add specific classes to specific images within the gridder ?