refactored code

catherineisonline · catherineisonline · commit 5a7198b55bf2 · 2023-07-19T13:10:12.000+04:00
diff --git a/index.html b/index.html
@@ -3,6 +3,8 @@
 
 <head>
   <meta charset="UTF-8">
+  <meta name="description" content=" Intro section with dropdown navigation - Frontend Mentor">
+  <meta name="keywords" content=" Intro section with dropdown navigation,Frontend Mentor ">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
   <title>Frontend Mentor | Intro section with dropdown navigation</title>
@@ -35,7 +37,8 @@ <h1>
         </li>
         <li class="company-btn">
           <button>Company
-            <img src="./images/icon-arrow-down.svg" alt="" aria-hidden="true" /></button>
+            <img src="./images/icon-arrow-down.svg" alt="" aria-hidden="true" />
+          </button>
           <ul class="hidden-company">
             <li><a href="/">History</a></li>
             <li><a href="/">Our Team</a></li>
diff --git a/styles.css b/styles.css
@@ -109,9 +109,9 @@ header.active::before {
     background-color: rgba(6, 6, 6, 0.15);
     backdrop-filter: blur(3px);
     height: 100%;
-    width: 20rem;
+    width: 100%;
     top: 0;
-    left: -15%;
+    left: 0;
 }
 header.active .nav-menu {
     position: static;
@@ -144,19 +144,11 @@ nav ul button {
     background-color: transparent;
     border: none;
 }
-/* nav ul button:hover img {
-    transform: rotate(180deg);
-    transition: var(--transition);
-}
-nav ul button img {
-    height: max-content;
-    transition: var(--transition);
-} */
 .hamburger {
     cursor: pointer;
     z-index: 99;
     position: fixed;
-    margin-left: 80%;
+    margin-left: 85%;
 }
 header.active .hamburger {
     content: url("./images/icon-close-menu.svg");
@@ -179,13 +171,9 @@ header.active .hamburger {
 }
 .hidden-features.active,
 .hidden-company.active {
-    /* position: static; */
     display: flex;
     flex-direction: column;
     gap: 1rem;
-    /* margin-top: 1rem; */
-    /* padding: 1rem; */
-    /* background-color: var(--almost-white); */
     width: max-content;
     border-radius: 10px;
     position: absolute;
