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

Lorem ipsum dolor sit amet consectetur adipiscing

Flush Grid

2 people at computers viewing a performance space

Donec vestibulum a lacinia pretium tortor

Eleifend litora lobortis commodo

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

Habitasse convallis turpis sociosqu erat purus penatibus id

Pharetra fringilla condimentum

Vehicula lacinia tempus sapien rhoncus mauris volutpat praesent

Semper sociis leo ad feugiat rutrum

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

In suspendisse magnis placerat lectus mi

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

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

Ornare netus sociosqu praesent

Musicians holding instruments ready to perform

Condimentum volutpat faucibus fusce aliquet hendrerit sociis sociosqu

Dignissim etiam massa purus primis

2 span

Primis neque himenaeos eleifend aliquam sapien lobortis nec, cursus massa

Masonry Layout

Learn more

Habitasse penatibus fames sagittis rutrum mattis cubilia eget eleifend

Rhoncus mi ultrices arcu

Learn more

Euismod facilisi eget ullamcorper quis metus volutpat gravida

Morbi porta a blandit

Learn more

Overlay Cards with and without Images

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

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

Learn more