diff --git a/lovelace/testing.yaml b/lovelace/testing.yaml
new file mode 100644
index 0000000..fb55988
--- /dev/null
+++ b/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"
\ No newline at end of file
diff --git a/ui-lovelace.yaml b/ui-lovelace.yaml
index d8b5e82..18dc3df 100644
--- a/ui-lovelace.yaml
+++ b/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"
@@ -48,4 +48,21 @@ views:
 
       - type: "vertical-stack"
         cards:
-          !include lovelace/popup.yaml
\ No newline at end of file
+          !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
\ No newline at end of file