(TL;DR: How big should the black boxes be in the grid below?)
I have a grid of cells containing a rectangular shaped image (it's actually the same image repeated). The ratio of the image width/height is not the same as the grid cells, so the spacing is wider horizontally than vertically (see image below). The grid fills the page horizontally then there's some header+footer content above/below.
My question is, are there aesthetic rules governing positioning these images? For example:
- How much spacing should be around the images? Should I try to use the Rule of Thirds and make the images 2/3 the size of the cell?
- should I create a wider margin around the edge of the grid, because the padding between two cells is double that around the outer edge?
Thanks in advance!