From de21ffeae5bc70acf924157ad6a20001e76f706a Mon Sep 17 00:00:00 2001
From: darthsandmann <kai@wnsrt.de>
Date: Sat, 30 Jul 2022 13:55:43 +0200
Subject: [PATCH] Custom Grid Layout

---
 ui-lovelace.yaml | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/ui-lovelace.yaml b/ui-lovelace.yaml
index 6ece867..d8b5e82 100644
--- a/ui-lovelace.yaml
+++ b/ui-lovelace.yaml
@@ -8,8 +8,18 @@ background: "var(--background-image)"
 
 
 views:
-  - title: "Overview"
+  - type: "custom:grid-layout"
+    title: "Overview"
     path: 0
+    layout:
+      grid-template-columns: "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:
 
       - type: "vertical-stack"