Gallery Navigation

More than one gallery on a web page will tend to confuse visitors and slow the page download time - neiter of which is good web design.
This image grid can have up to 120 image links to gallery pages.
Images
The images have an optional link icon for the benefit of those using mobile touch devices. The linkcan show on hover on computers.
The images in the demo were reduced to 360 x 240px before importing into EverWeb.
Grid
The CSS grid layout allows the thumbnail spacing to be edited and the number of items per row can be set for each device type.
The thumbnails can have a border for better definition and/or a box shadow.
Animation
The thubnail container scale can be reduced so that it scales up on hover where there is an option to add a bottom box shadow to "lift" it off the page.
Content
Just showing a bunch of thumbnails isn't much use to the visitors or the search engines.
Each thumbnail has a heading, optional span and a text description of the gallery.it links to.
Lazy Loading
When more than a few thumbnails are inserted the lazy load function should be turned on prior to publishing.