I’ve re-developed the gallery using JavaScript and VueJs.¬† The design was based on the Pure CSS version from a few months ago, with a few added features such as the top image slider and information pop-up with map pinpoint. Furthermore, the tiles now appear and disappear when moving in and out of the viewport, as well as allowing selection which brings up the image on the slider. As with the previous version, the gallery¬†uses Media queries for various screen sizes. The tiles adjust themselves in both size and position depending on the size of the screen,¬† always complementing each other without leaving any blank tiles.

Gallery 2.0