Added grid layout in desktop view

JaelAguilar · Dec 20, 2022 · d799629 · d799629
1 parent bc0fc19
commit d799629
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/css/desktop-view.css 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;
+    }
+}