Image Group Echo
overview
A grid-based group of three overlapping images with a centered featured image.




Overview
Image Group Echo is an overlapping element consisting of three images. It’s created with CSS Grid, so it can conform to any container without breaking.
The aspect ratio of the images, amount of overlap, and center image shadow are easily editable with simple pre-made variables.
Additionally, you can change the behavior of individual images by styling the IDs of each image or you can change all three images at once using the BEM class attached to each image.
Variables
Sets aspect ratio width of each image.
Sets aspect ratio height of each image.
Sets the amount of vertical overlap (center image)
Align images to top, center, or bottom of container.
Controls the center image shadow styling.
HTML5 Tags & Attributes
Accessibility Notes
Related Frames
No related frames.
FAQs
Use the related frames section above to check FAQs for other frames related to this frame if you don't see your question here.