Refactor : Add Hero BG image

Author: MDJAmin

css/style.css

@@ -77,4 +77,7 @@
     .sidebar{
       width: 100%;
     }
+  }
+  .Hero-bg{
+    width: 100%;
   }

index.html

@@ -17,7 +17,7 @@
             <li><a href="#">Login</a></li>
         </ul>
         <ul>
-            <li><a href="#">AShop</a></li>
+            <li><a href="#">A~Shop</a></li>
             <li class="hideOnMobile"><a href="#">Blog</a></li>
             <li class="hideOnMobile"><a href="#">Products</a></li>
             <li class="hideOnMobile"><a href="#">About</a></li>
@@ -26,6 +26,9 @@
             <li class="menu-button" onclick=showSidebar()><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 96 960 960" width="26"><path d="M120 816v-60h720v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z"/></svg></a></li>
         </ul>
     </nav>
+    <main>
+        <img class="Hero-bg" src="assets/laptop.jpg" alt="Hero-img">
+    </main>
     <script>
    function showSidebar(){
       const sidebar = document.querySelector('.sidebar')