Responsive Gallery Project

Masonry is a responsive JavaScript layout. For this example I’m using it to showcase some of my photos.

The Masonry grid can be changed to accommodate all sizes of images. For this example the grid width is 300px, which makes the image width 290px with 10px of padding on one side. The feature images are 590px until the media queries for mobile, where they revert to the standard image size.

Try It For Yourself

Change the size of your browser window or you phone orientation to see the layout change.

eiffle tower across the seine by Jordan Jamieson
town of gibsons blows up a boat by Jordan Jamieson
downtown vancouver from coal harbour by Jordan Jamieson
a roman side street by Jordan Jamieson
my old view by Jordan Jamieson
paris by Jordan Jamieson
the edinburgh castle by Jordan Jamieson
the milkyway over the gibsons coast by Jordan Jamieson
the river Thames splits the Palace and the London Eye by Jordan Jamieson
Venice from the Grand Canal by Jordan Jamieson