Grid
Default Width
50 / 50, Align Top
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
50 / 50, Align Middle
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales.
Wide Width
50 / 50, Align Bottom
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
50 / 50, Align top, Spacing Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
50 / 50, Align top, Spacing Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
50 / 50, Align top, Spacing None
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
One-third / Two-thirds
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
Two-thirds / One-third
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
Thirds
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
Thirds
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
Thirds
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Equal Height Columns – Only works when cards are the only child.
No Equal Height Columns
Wide Width
Fourths
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
Fourths
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem.
Wide Width
Fourths
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales.
Wide Width
Fourths
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Wide Width
Fifths
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Wide Width
Fifths
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem.
Wide Width
Fifths
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales.
Wide Width
Fifths
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Wide Width
Fifths
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
Wide Width
Two-thirds / One-third, Multi-row, Alternating rows
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales. Morbi leo urna molestie at elementum. Dignissim sodales ut eu sem. Tristique et egestas quis ipsum suspendisse ultrices. Risus quis varius quam quisque id.
Full Width
50 / 50, Align Middle
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu non sodales.