Expandable Image Gallery in CSS and jQuery
A great way to include a image gallery on small viewports and provide a smaller preview and full screen view at larger screens
We often see the “2 blocks modules” design approach: 50% width image on one side, and text on the other. These modules can be used for an About us section, to explain product features, or, like in our example, for the product preview image and information sections.
Generally the user can’t interact with the image. But what if you want to show more than one picture?
An excerpt from Expandable Image Gallery in CSS and jQuery