[
  {
    "name": "xs",
    "minViewportWidth": null,
    "columns": 4,
    "gutterWidth": 16
  },
  {
    "name": "sm",
    "minViewportWidth": 600,
    "columns": 8,
    "gutterWidth": 16
  },
  {
    "name": "md",
    "minViewportWidth": 768,
    "columns": 8,
    "gutterWidth": 24
  },
  {
    "name": "lg",
    "minViewportWidth": 1024,
    "columns": 12,
    "gutterWidth": 24
  },
  {
    "name": "xl",
    "minViewportWidth": 1280,
    "columns": 12,
    "gutterWidth": 24
  },
  {
    "name": "xxl",
    "minViewportWidth": 1600,
    "columns": 12,
    "gutterWidth": 24
  },
  {
    "name": "xxxl",
    "minViewportWidth": 1920,
    "columns": 12,
    "gutterWidth": 24
  }
]