Fixes

Author: Swapnil13007

index.html

@@ -16,12 +16,10 @@
 
   <header class="header">
     <nav class="nav">
-      <div class="title__box">
-        <a href="#" class="icon__box nav__link">
-          <img class="nav__icon" src="img/favicon-3.svg">
-          <h1 class="nav__title">Moviescope</h1>
-        </a>
-      </div>
+      <a href="#" class="title__box nav__link">
+        <img class="nav__icon" src="img/favicon-3.svg">
+        <h1 class="nav__title">Moviescope</h1>
+      </a>
       <form action="./pages/search.html" class="searchBox">
         <input type="text" class="searchBox__input" name="search" placeholder="Search Movies/TV Shows">
         <button class="searchBox__btn">

shared.css

@@ -75,18 +75,12 @@ body {
   height: 100%;
   display: flex;
   align-items: center;
-  justify-content: center;
-}
-
-.icon__box {
-  height: 100%;
-  display: flex;
-  align-items: center;
+  justify-content: space-between;
 }
 
 .nav__icon {
-  margin-right: 5%;
-  height: 75%;
+  height: 80%;
+  padding-right: 1%;
 }
 
 .nav__title {
@@ -114,7 +108,7 @@ body {
 
 .searchBox__input {
   background-color: var(--nav-color-contrast);
-  padding: 1.6rem;
+  padding: 1rem 0rem 1rem 1rem;
   height: 100%;
   width: 90%;
   font-size: 1.5rem;