Block Staggered Image Grid



Staggered Blocks 1
Image [1]

Staggered Blocks

Two, three or four images with side text block, image link option and hover animation.

Staggered Blocks  2
Image [2]

Overlay

Caption can be aligned top, center or bottom and the overlay has adjustable color and opacity.

Staggered Blocks 3
Image [3]

Image Overlap

The image overlap can be adjusted using the controls for grid column gap and grid row gap.

Staggered Blocks 4
Image [3]

Image Styles

The image border and offset box shadow are optional. The grid padding can be increased to allow the box shadow to be seen.

Offset Images & Text

The CSS Grid Layout Module makes difficult or impossible layouts become failry easy with very little code on no Javascript.
The item can have two, three or four images with accompanying head and text. The image overlap is easily adjusted using the values for grid column and grid row gap.
On screen widths below the break point the images and text stack vertically.

© EverWeb Widgets -