Gallery made using Flex CSS

Responsive styling of Figures with images and figaptions

The purpose of applying flex styles to a gallery like this is to create a responsive layout. Stretch and shrink the browser window/viewport to see how the gallery will display fewer rows of figures in skinnier viewports (like on a phone) and two or more in wider viewports like on tablet, laptop, and desktop computers.

View the source to see the HTML and CSS methods. Embellish this basic structure of the gallery class with width, color, border, padding, and margin.

How to design a simple responsive/flexible gallery of media.
Snippet of the Grandma Crackers animation showing Grandma, grandchild, and crow.
Detailed description of the imagery and a citation.
Snippet of the Grandma Crackers animation showing Grandma, grandchild, and crow.
Detailed description of the imagery and a citation.
Snippet of the Grandma Crackers animation showing Grandma, grandchild, and crow.
Detailed description of the imagery and a citation.
Snippet of the Grandma Crackers animation showing Grandma, grandchild, and crow.
Detailed description of the imagery and a citation.
Snippet of the Grandma Crackers animation showing Grandma, grandchild, and crow.
Detailed description of the imagery and a citation.
Snippet of the Grandma Crackers animation showing Grandma, grandchild, and crow.
Detailed description of the imagery and a citation.
Snippet of the Grandma Crackers animation showing Grandma, grandchild, and crow.
Detailed description of the imagery and a citation.
Snippet of the Grandma Crackers animation showing Grandma, grandchild, and crow.
Detailed description of the imagery and a citation.
Snippet of the Grandma Crackers animation showing Grandma, grandchild, and crow.
Detailed description of the imagery and a citation.