FEAT: ajustes de responsividade

Hiago-Maitan · Nov 4, 2023 · 34c25ef · 34c25ef
1 parent 9a48082
commit 34c25ef
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -26,7 +26,7 @@
       </div>
 
       <div class="mobile-menu-icon">
-        <button onclick="menuShow()"><img class="icon" src="img/menu_white_36dp.svg" alt=""></button>
+        <button onclick="menuShow()"><img class="icon" src="assets/menu_white_36dp.svg" alt=""></button>
       </div>
     </nav>
 

diff --git a/responsive.js b/responsive.js
@@ -2,9 +2,9 @@ function menuShow() {
   let menuMobile = document.querySelector('.mobile-menu');
   if (menuMobile.classList.contains('open')) {
       menuMobile.classList.remove('open');
-      document.querySelector('.icon').src = "img/menu_white_36dp.svg";
+      document.querySelector('.icon').src = "assets/menu_white_36dp.svg";
   } else {
       menuMobile.classList.add('open');
-      document.querySelector('.icon').src = "img/close_white_36dp.svg";
+      document.querySelector('.icon').src = "assets/close_white_36dp.svg";
   }
 }
diff --git a/style.css b/style.css
@@ -365,15 +365,15 @@ footer .other-infos h5 {
 
 /* Responsividade */
 
-@media(max-width:945px) {
+@media(max-width:1100px) {
   nav ul li {
     margin: 0px 30px;
     list-style: none;
     font-weight: 700;
   }
 }
 
-@media screen and (max-width: 835px) {
+@media screen and (max-width: 870px) {
   .menu {
     padding: 1.5rem 4rem;
   }
@@ -417,4 +417,11 @@ footer .other-infos h5 {
     gap: 1rem;
     text-align: center;
   }
+}
+
+@media(max-width:750px){
+  nav{
+    justify-content: center;
+    gap:1px
+  }
 }