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"