Merge pull request #2 from CharleneHoogkamer/header

Merge header into master
gdscrgpv · Oct 14, 2021 · 50ca6ad · 50ca6ad
2 parents 55ef0c3 + c904b04
commit 50ca6ad
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -7,12 +7,15 @@
     <title>30 days of scam</title>
     <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
-    <nav class="nav">
-        <img src="assets/modiji2.jpg" alt="har ghar modi">
-        <h2>30 days of scam</h2>
-
-    </nav>
+    <header>
+        <nav class="nav">
+            <img src="assets/modiji2.jpg" alt="har ghar modi">
+            <h2>30 days of scam</h2>
+        </nav>
+    </header>
+
     <main>
         <div class="subheading">
             <h2>Developed by guugle and government of bindia</h2>

diff --git a/style.css b/style.css
@@ -19,4 +19,28 @@
   .images > img {
     width: 30%;
   }
-}
+}
+
+header .nav {
+  display: flex;
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 0;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  flex-direction: row;
+  background-color: #FCDDB6;
+  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.nav img {
+  margin-right: 10px;
+  height: 80%;
+}
+
+main {
+  margin-top: 100px;
+}