Staggered Blocks
Two, three or four images with side text block, image link option and hover animation.
Two, three or four images with side text block, image link option and hover animation.
Caption can be aligned top, center or bottom and the overlay has adjustable color and opacity.
The image overlap can be adjusted using the controls for grid column gap and grid row gap.
The image border and offset box shadow are optional. The grid padding can be increased to allow the box shadow to be seen.
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.