creating store page

bkarimii · bkarimii · commit 90c2e1741fb3 · 2023-09-08T01:50:18.000+01:00
diff --git a/css/store.css b/css/store.css
@@ -0,0 +1,11 @@
+html{
+    margin: 0;
+    width: 100%;
+    
+}
+body{
+    min-height: 100vh;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: repeat(3,auto-fill);
+}
diff --git a/css/style.css b/css/style.css
@@ -45,7 +45,7 @@ body {
     display: grid;
     row-gap: 15px;
     grid-template-columns: repeat(12,minmax(1fr,auto));
-    grid-template-rows: 10% auto 11%;
+    grid-template-rows: 6% auto 11%;
     grid-template-areas: 
     "h h h h h h h h h h h h"
     "m m m m m m m m m m m m"
@@ -335,7 +335,7 @@ body {
     width: fit-content;
     margin: 3px auto;
     text-align: center;
-    font-size: 20px;
+    font-size: 1em;
 
 }
 /* -------- icon styling in footer --------------*/
diff --git a/index.html b/index.html
@@ -28,7 +28,7 @@
                     <a  href="#" target="_blank"> How it Works </a>
                 </li>
                 <li>
-                    <a  href="#" target="_blank"> Store </a>
+                    <a  href="level-2/store.html" target="_blank"> Store </a>
                 </li>
                 <li>
                     <a  href="#" target="_blank"> Blog </a>
diff --git a/level-2/store.html b/level-2/store.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="css/normalize.css">
+</head>
+<body>
+    <header>
+
+    </header>
+    <main>
+        <section>
+
+        </section>
+
+        <section>
+
+        </section>
+
+    </main>
+
+    <footer class="footer">
+        
+    </footer>
+    
+</body>
+</html>
