Blueprint: Google Grid Gallery
This Blueprint is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items. For smaller screens we have some example media queries that adjust the grid layout and also the gallery view.
In the gallery view, the arrow keys can be used to navigate and the view can be closed using the “Esc” key.