{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json",
  "height": 300,
  "width": 250,
  "hideSelection": false,
  "formatter": {
    "elmType": "div",
    "style": {
      "display": "flex",
      "flex-direction": "column",
      "align-items": "center",
      "justify-content": "center",
      "padding": "20px",
      "height": "100%",
      "box-sizing": "border-box",
      "background-color": "#f9f9f9",
      "border-radius": "4px"
    },
    "children": [
      {
        "elmType": "div",
        "txtContent": "=[$Title]",
        "style": {
          "font-size": "16px",
          "font-weight": "600",
          "color": "#333",
          "text-align": "center",
          "margin-bottom": "15px",
          "word-break": "break-word",
          "max-width": "100%"
        }
      },
      {
        "elmType": "img",
        "attributes": {
          "src": "='https://quickchart.io/qr?text=' + [$Title]",
          "alt": "QR Code"
        },
        "style": {
          "width": "180px",
          "height": "180px",
          "border": "2px solid #ddd",
          "padding": "8px",
          "background-color": "white",
          "border-radius": "4px",
          "box-shadow": "0 2px 4px rgba(0,0,0,0.1)"
        }
      }
    ]
  }
}