Grids

Grid without Gap

The Grid without Gap, also called "Flush Grid" refers to a grid layout where there is no space between card elements. This layout can be used with Overlay and People Cards. The Masonry Grid is a variation of this layout which extends edge to edge on browser screen.

Feature Card

Flush Grid

Lorem ipsum dolor sit amet consectetur adipiscing

2 people at computers viewing a performance space

Eleifend litora lobortis commodo

Donec vestibulum a lacinia pretium tortor

student walking past a colorful mural of a child's head

Pharetra fringilla condimentum

Habitasse convallis turpis sociosqu erat purus penatibus id

Semper sociis leo ad feugiat rutrum

Vehicula lacinia tempus sapien rhoncus mauris volutpat praesent

In suspendisse magnis placerat lectus mi

Diam cum proin fusce semper primis praesent consequat, rutrum pulvinar cubilia

piano on stage, TV showing someone playing piano next to it.

Ornare netus sociosqu praesent

Fames hac condimentum proin suspendisse lacinia dictum sapien turpis porttitor, mi ante

Musicians holding instruments ready to perform

Dignissim etiam massa purus primis

Condimentum volutpat faucibus fusce aliquet hendrerit sociis sociosqu

2 span

Masonry Layout

Primis neque himenaeos eleifend aliquam sapien lobortis nec, cursus massa

Learn more

Rhoncus mi ultrices arcu

Habitasse penatibus fames sagittis rutrum mattis cubilia eget eleifend

Learn more

Morbi porta a blandit

Euismod facilisi eget ullamcorper quis metus volutpat gravida

Learn more

Overlay Cards with and without Images

Porttitor gravida justo torquent porta nulla scelerisque augue, curabitur mus nibh

Porta ante ligula platea neque consequat nulla posuere, habitasse eleifend pellentesque id semper feugiat venenatis interdum, duis vivamus magnis tristique lectus scelerisque

Learn more