responsive update V1

JoaquinSuarezVallejos · Apr 22, 2024 · 9791edb · 9791edb
1 parent 1315738
commit 9791edb
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 6 deletions.
diff --git a/css/style.css b/css/style.css
@@ -493,6 +493,7 @@ section .content{
 .technologies .content .titleTecnologias{
   display: flex;
   justify-content: center;
+  text-align: center;
   font-family: 'Poppins', sans-serif;
   margin-top: -80px;
   margin-bottom: 38px;
@@ -501,6 +502,7 @@ section .content{
   color: #fff;
   font-size: 38px;
   font-weight: 650;
+  text-align: center;
   position: relative;
   padding-bottom: 7px;
 }
@@ -525,7 +527,7 @@ section .content{
   flex-wrap: wrap;
   justify-content: space-between;
   color: #fff;
-  margin-bottom: -38px;
+  margin-bottom: -40px;
 }
 .technologies .boxes .box{
   display: flex;
@@ -774,6 +776,12 @@ footer .textFooter span{
   }
 }
 @media (max-width: 750px) {
+  .home .ChargeFix_Logo{
+    display: none;
+  }
+  ::-webkit-scrollbar {
+    display: none;
+  }
   nav .navbar{
     width: 90%;
   }
@@ -802,7 +810,7 @@ footer .textFooter span{
   nav.sticky .menu a:hover{
     color: #ED9121;
   }
-  nav .navbar .phone-navbar{
+  nav .navbar .WhatsApp-navbar{
     display: none;
   }
   nav .menu-btn,
@@ -815,16 +823,27 @@ footer .textFooter span{
   .home .text-three{
     font-size: 35px;
   }
+  .about-details .right .textMision{
+    text-align: center;
+  }
+  .about .about-details .experience{
+    justify-content: center;
+    margin-bottom: -50px;
+  }
+  /* .technologies .content .titleTecnologias span{
+    font-size: 40px;
+  } */
   .technologies .technologies-details{
     align-items: center;
     justify-content: center;
     flex-direction: column;
   }
-  .technologies-details .text{
+  .technologies .text{
     width: 100%;
     margin-bottom: 50px;
   }
-  .technologies-details .boxes{
+  .technologies .boxes{
+    display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
@@ -834,7 +853,7 @@ footer .textFooter span{
     width: 100%;
   }
   .contact .text{
-    width: 100%;
+    /* width: 100%; */
 }
 }
 @media (max-width: 500px){

diff --git a/js/script.js b/js/script.js
@@ -36,7 +36,7 @@ navbar_service_btn.onclick = function() {
 // NavBar: Botón "Tecnologías"
 let navbar_tech_btn = document.querySelector(".navbarTechnologies-btn");
 navbar_tech_btn.onclick = function() {
-  window.scrollTo(0, 1864);
+  window.scrollTo(0, 1862);
 }
 
 // NavBar: Botón "Contacto"