Responsive breakpoint options

Use the @breakpoint options to do advanced responsive layouts.

• Item 1
  1. Up to small breakpoint: start at row 2 and span 12 columns
  2. Starting at small breakpoint: start at row 1 and span for 4 columns
  3. Starting at medium breakpoint: start at row 1 and span for 3 columns

  column_start: '1', column_span: '12 3@small 4@medium', row_start: '2 1@small'

• Item 2
  1. Up to small breakpoint: start at row 1 and span 12 columns
  2. Starting at small breakpoint: start at row 1 and span for 8 columns
  3. Starting at medium breakpoint: start at row 1 and span for 9 columns

  column_start: '1 5@small 4@medium', column_span: '12 8@small 9@medium', row_start: '1 1@small'