Grid Layout Visual Examples

Return to Site

UMD Grid Gap .umd-grid-gap

Size: null/"default" (2 columns above 650px)

Column Block: 1 of 2

Column Block: 2 of 2

UMD Grid Gap Three .umd-grid-gap-three

Size: Three (3 columns above 1024px)

Column Block: 1 of 3

Column Block: 2 of 3

Column Block: 3 of 3

UMD Grid Gap Four .umd-grid-gap-four

Size: Four (4 columns above 1200px)

Column Block: 1 of 4

Column Block: 2 of 4

Column Block: 3 of 4

Column Block: 4 of 4