Overview page

this layout mimics a masonry-style three-column layout

dummy image

First Entry

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.

dummy image

Second Guess

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod dolore magna aliqua.

dummy image

Third Party

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

dummy image

First Come

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.

dummy image

A bit shorter

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod dolore magna aliqua.

dummy image

Longer headline in this card

Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

dummy image

First Serve

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.

dummy image

Very short

But with a longer copy apparently. Here it is: Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

dummy image

Sumthin‘

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Usually all boxes/cards… in a row are stretched to the same height by flex. To achieve the uneven heights of cards shown here the individual cards are wrapped in containers of the same width via .colwrap. This works for all types of content, and can be used to fill the whole page or just three quarters like here.