Responsive Grid Module
The CSS Grid Layout Module makes this type of layout really simple and versatile with a minimum of code.
The grid items are staggered per row and the orientation can be changed by checking a box.
If viewing this page on a computer, decrease the browser width from maximum down wards to see how the gird items self center themselves vertically and automatically adjust for varying amounts of ccontent.
The grid can have up to 48 items and there are many styling variations.
Graphic Block
The image can be placed to the left or right of the text in the start row or at the top or bottom of the text when viewed on mobile phones. There are controls for border width, color and radius and box shadow shadow radius and color.
Text Block
The text block has options for a heading, text and a CTA style link tab. The link can be configured to open an internal or external page and in a new window if required.