Materialboxed Gallery

Placeholder Picture
Placeholder Picture
Placeholder Picture
Placeholder Picture
Placeholder Picture
Placeholder Picture

A 'Materialboxed' Gallery

This is also a CSS grid gallery, based on a Flex 'fall-back. The CSS grid kicks in after the first default breakpoint. Since all the images are the same size, the placement is fairly easy, and they take up one cell each.

What makes this gallery special, is the 'material box' effect. The images need to have the class .materialboxed added to them, and then, when clicked on, they will expand to a larger view. More info and ideas can be found at https://materializecss.com/media.html.

Hans got his scuba license on the island of Moofushi, Maldives, and while diving, his instructor took these pictures at 16m depth. For a fantastic scuba learning experience, go visit Chuck on the Alifu Dhaalu Atoll, Maldives at this place.

Placeholder Picture

Download this component