Header section completed

shoaibansari5398 · shoaibansari5398 · commit 8fe6927d49b0 · 2023-01-23T21:52:28.000+05:30
diff --git a/starter/07-Omnifood-Desktop/index.html b/starter/07-Omnifood-Desktop/index.html
@@ -14,6 +14,11 @@
     <title>Omnifood</title>
   </head>
   <body>
+    <header class="header">
+      <img class="logo" src="./content/img/omnifood-logo.png" alt="omnifood-logo ">
+      <nav class="main-nav">Navigation</nav>
+    </header>
+    <main>
     <section class="section-hero">
       <div class="hero">
         <div class="hero-text-box">
@@ -50,5 +55,6 @@ <h1 class="heading-primary">
         </div>
       </div>
     </section>
+  </main>
   </body>
 </html>
diff --git a/starter/07-Omnifood-Desktop/style.css b/starter/07-Omnifood-Desktop/style.css
@@ -17,12 +17,14 @@ body {
 
 .section-hero{
     background-color: #fdf2e9;
-    padding: 9.6rem 0;
+    padding: 4.8rem 0 9.6rem 0;
 }
 
 .hero{
     max-width: 130rem;
     margin: 0 auto;
+
+    padding: 0 3.2rem;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 9.6rem;
@@ -119,4 +121,18 @@ body {
 .delivered-text span{
     color: #cf711f;
     font-weight: 700;
+}
+
+/* Header  */
+
+.header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: #fdf2e9;
+    height: 9.6rem;
+    padding: 0 4.8rem;
+}
+.logo{
+    height: 2.2rem;
 }
