From d799629923421111cc953d7173df5d3689e5c945 Mon Sep 17 00:00:00 2001
From: JaelAguilar <cjaelaguilar@gmail.com>
Date: Mon, 19 Dec 2022 20:03:25 -0600
Subject: [PATCH] Added grid layout in desktop view

---
 css/desktop-view.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 css/desktop-view.css

diff --git a/css/desktop-view.css b/css/desktop-view.css
new file mode 100644
index 0000000..5d05bd9
--- /dev/null
+++ b/css/desktop-view.css
@@ -0,0 +1,17 @@
+@media only screen and (min-width:768px) {
+    /* ==== GRID LAYOUT ==== */
+    body{
+        display:grid;
+        grid-template:auto 1fr auto / 66% 1fr;
+    }
+    header{
+        grid-area:1/1/1/1;
+    }
+    #result{
+        grid-area:1/2/-2/-1;
+        display:block;
+    }
+    footer{
+        grid-area:-2/1/-1/-1;
+    }
+}
\ No newline at end of file