Sizzy config for Tailwind CSS breakpoints (add these to your "devices" in Sizzy)

tailwind-sizzy.json

{
  "app": {
    "devices": [
      {
        "absolute": { "x": 0, "y": 0 },
        "active": true,
        "browserConfigId": "Empty",
        "canBeRotated": true,
        "customUserAgent": "",
        "height": 800,
        "id": "4326e917-6063-4fd2-996a-a09ffc7deae1",
        "initialZoom": 100,
        "inputType": "Touch",
        "isDefault": false,
        "name": "default",
        "network": {
          "customDownloadThroughput": 0,
          "customLatency": 0,
          "customUploadThroughput": 0,
          "mode": "Default"
        },
        "orientation": "portrait",
        "os": "iOS/iPadOS",
        "pixelRatio": 1,
        "relative": { "x": 0, "y": 0 },
        "showFrame": false,
        "type": "Phone",
        "userAgentId": "iPhone",
        "width": 375,
        "zIndex": null,
        "zoom": 100
      },
      {
        "absolute": { "x": 0, "y": 0 },
        "active": true,
        "browserConfigId": "Empty",
        "canBeRotated": true,
        "customUserAgent": "",
        "height": 800,
        "id": "5bbf172c-ffef-4a7d-b66e-b0042aa24d3c",
        "initialZoom": 100,
        "inputType": "Touch",
        "isDefault": false,
        "name": "sm",
        "network": {
          "customDownloadThroughput": 0,
          "customLatency": 0,
          "customUploadThroughput": 0,
          "mode": "Default"
        },
        "orientation": "portrait",
        "os": "iOS/iPadOS",
        "pixelRatio": 1,
        "relative": { "x": 400, "y": 0 },
        "showFrame": true,
        "type": "Phone",
        "userAgentId": "iPhone",
        "width": 640,
        "zIndex": null,
        "zoom": 100
      },
      {
        "absolute": { "x": 0, "y": 0 },
        "active": true,
        "browserConfigId": "Empty",
        "canBeRotated": true,
        "customUserAgent": "",
        "height": 800,
        "id": "5e30213a-ee7e-4211-87ee-5df3ea3003a7",
        "initialZoom": 100,
        "inputType": "Touch",
        "isDefault": false,
        "name": "md",
        "network": {
          "customDownloadThroughput": 0,
          "customLatency": 0,
          "customUploadThroughput": 0,
          "mode": "Default"
        },
        "orientation": "portrait",
        "os": "iOS/iPadOS",
        "pixelRatio": 1,
        "relative": { "x": 0, "y": 860 },
        "showFrame": false,
        "type": "Tablet",
        "userAgentId": "iPad",
        "width": 768,
        "zIndex": null,
        "zoom": 100
      },
      {
        "absolute": { "x": 0, "y": 0 },
        "active": true,
        "browserConfigId": "Empty",
        "canBeRotated": true,
        "customUserAgent": "",
        "height": 800,
        "id": "2b6457e4-6aa3-4cec-aab7-fe1792bdeb09",
        "initialZoom": 100,
        "inputType": "Mouse",
        "isDefault": false,
        "name": "lg",
        "network": {
          "customDownloadThroughput": 0,
          "customLatency": 0,
          "customUploadThroughput": 0,
          "mode": "Default"
        },
        "orientation": "portrait",
        "os": "MacOS",
        "pixelRatio": 1,
        "relative": { "x": 0, "y": 1720 },
        "showFrame": false,
        "type": "Desktop",
        "userAgentId": "ChromeDesktop",
        "width": 1024,
        "zIndex": null,
        "zoom": 100
      },
      {
        "absolute": { "x": 0, "y": 0 },
        "active": true,
        "browserConfigId": "Empty",
        "canBeRotated": true,
        "customUserAgent": "",
        "height": 800,
        "id": "d5ca47f6-4f2c-4252-8119-daaa22b34ff9",
        "initialZoom": 100,
        "inputType": "Mouse",
        "isDefault": false,
        "name": "xl",
        "network": {
          "customDownloadThroughput": 0,
          "customLatency": 0,
          "customUploadThroughput": 0,
          "mode": "Default"
        },
        "orientation": "portrait",
        "os": "MacOS",
        "pixelRatio": 1,
        "relative": { "x": 0, "y": 2580 },
        "showFrame": false,
        "type": "Desktop",
        "userAgentId": "ChromeDesktop",
        "width": 1280,
        "zIndex": null,
        "zoom": 100
      }
    ]
  }
}