Testing Views

lovelace/testing.yaml

@@ -0,0 +1,6 @@
+- view_layout:
+    grid-area: "card1"
+  type: "custom:button-card"
+  template: "card_title"
+  name: "Card 1 Testing"
+  label: "grid-area: card1"

ui-lovelace.yaml

@@ -12,7 +12,7 @@ views:
     title: "Overview"
     path: 0
     layout:
-      grid-template-columns: "1fr 1fr"
+      grid-template-columns: "1fr 1fr 1fr"
       grid-template-rows: "min-content"
       grid-template-areas: |
         "main popup"
@@ -49,3 +49,20 @@ views:
       - type: "vertical-stack"
         cards:
           !include lovelace/popup.yaml
+
+
+  - type: "custom:grid-layout"
+    title: "Testing"
+    path: 1
+    layout:
+      grid-template-columns: "1fr 1fr 1fr"
+      grid-template-rows: "min-content"
+      grid-template-areas: |
+        "main popup"
+      mediaquery:
+        "(max-width: 1100px), (orientation: portrait)":
+          grid-template-columns: "100%"
+          grid-template-areas: "main"
+    cards:
+
+      !include lovelace/testing.yaml