removed container block

mate-academy · Dec 26, 2024 · c71d26a · c71d26a
1 parent 8118442
commit c71d26a
Show file tree

Hide file tree

Showing 2 changed files with 81 additions and 83 deletions.
diff --git a/src/index.html b/src/index.html
@@ -31,90 +31,88 @@
   </head>
   <body>
     <header class="header">
-      <div class="container">
-        <a
-          href="#"
-          class="logo-img"
-        >
-          <img
-            src="./images/logo.png"
-            alt="main-logo"
-            class="logo"
-          />
-        </a>
-        <nav class="nav">
-          <ul class="nav__list">
-            <li class="nav__item">
-              <a
-                href="#"
-                class="nav__link is-active"
-              >
-                Apple
-              </a>
-            </li>
-            <li class="nav__item">
-              <a
-                href="#"
-                class="nav__link"
-              >
-                Samsung
-              </a>
-            </li>
-            <li class="nav__item">
-              <a
-                href="#"
-                class="nav__link"
-              >
-                Smartphones
-              </a>
-            </li>
-            <li
-              class="nav__item"
+      <a
+        href="#"
+        class="logo-img"
+      >
+        <img
+          src="./images/logo.png"
+          alt="main-logo"
+          class="logo"
+        />
+      </a>
+      <nav class="nav">
+        <ul class="nav__list">
+          <li class="nav__item">
+            <a
+              href="#"
+              class="nav__link is-active"
+            >
+              Apple
+            </a>
+          </li>
+          <li class="nav__item">
+            <a
+              href="#"
+              class="nav__link"
+            >
+              Samsung
+            </a>
+          </li>
+          <li class="nav__item">
+            <a
+              href="#"
+              class="nav__link"
+            >
+              Smartphones
+            </a>
+          </li>
+          <li
+            class="nav__item"
+            data-qa="hover"
+          >
+            <a
+              href="#"
+              class="nav__link"
               data-qa="hover"
             >
-              <a
-                href="#"
-                class="nav__link"
-                data-qa="hover"
-              >
-                Laptops & computers
-              </a>
-            </li>
-            <li class="nav__item">
-              <a
-                href="#"
-                class="nav__link"
-              >
-                Gadgets
-              </a>
-            </li>
-            <li class="nav__item">
-              <a
-                href="#"
-                class="nav__link"
-              >
-                Tablets
-              </a>
-            </li>
-            <li class="nav__item">
-              <a
-                href="#"
-                class="nav__link"
-              >
-                Photo
-              </a>
-            </li>
-            <li class="nav__item">
-              <a
-                href="#"
-                class="nav__link"
-              >
-                Video
-              </a>
-            </li>
-          </ul>
-        </nav>
-      </div>
+              Laptops & computers
+            </a>
+          </li>
+          <li class="nav__item">
+            <a
+              href="#"
+              class="nav__link"
+            >
+              Gadgets
+            </a>
+          </li>
+          <li class="nav__item">
+            <a
+              href="#"
+              class="nav__link"
+            >
+              Tablets
+            </a>
+          </li>
+          <li class="nav__item">
+            <a
+              href="#"
+              class="nav__link"
+            >
+              Photo
+            </a>
+          </li>
+          <li class="nav__item">
+            <a
+              href="#"
+              class="nav__link"
+            >
+              Video
+            </a>
+          </li>
+        </ul>
+      </nav>
     </header>
   </body>
 </html>
diff --git a/src/style.css b/src/style.css
@@ -19,7 +19,7 @@ li {
   list-style: none;
 }
 
-.container {
+.header {
   display: flex;
   justify-content: space-between;
   align-items: center;