The idea is that we will use the Mill City Ruins image as our anchor; meaning that we decide how wide / how much of the other images to show based on where this image falls.
For widescreen format, we want this image anchored so that the last 20% or so is off the screen. This will preserve a little white space on the top, and will also help to indicate to users that they should scroll down to see more.
For tall displays, we want to make sure there is enough white space on top, but then probably have some of the next image down showing up on the bottom of the screen (which will help indicate that they should scroll down).
In either case, the width of this image should always be such that there is some white space on the left and right. If the white space increases significantly, that's cool, it just means that the images below it start spilling in towards the center more.
So this image kind of becomes the anchor that helps drive the layout of the rest of the portfolio page.
The idea is that we will use the Mill City Ruins image as our anchor; meaning that we decide how wide / how much of the other images to show based on where this image falls.
For widescreen format, we want this image anchored so that the last 20% or so is off the screen. This will preserve a little white space on the top, and will also help to indicate to users that they should scroll down to see more.
For tall displays, we want to make sure there is enough white space on top, but then probably have some of the next image down showing up on the bottom of the screen (which will help indicate that they should scroll down).
In either case, the width of this image should always be such that there is some white space on the left and right. If the white space increases significantly, that's cool, it just means that the images below it start spilling in towards the center more.
So this image kind of becomes the anchor that helps drive the layout of the rest of the portfolio page.