Grid Gallery

See the Pen Grid Gallery by RGonyeau (@RGonyeau) on CodePen.

Grid Gallery

Description: This is a simple 8-Up image gallery. It uses the bootstrap grid framework to keep everything symmetrical, regardless of media query. Clicking on an image will initiate full width, and display a title and description. Classes have been included to move the description (top-right, bottom-left, etc.) so that the user can appropriately place it depending on the image content.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML CSS JS

Dependencies: jquery.js jquery-ui.js

Responsive:Yes

Posted: 25.02.2016

Similar Examples