💄 feat: Ajustes nos media queries para responsividade

JrValerio · Oct 9, 2024 · d70e214 · d70e214
1 parent 52f9d56
commit d70e214
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -30,7 +30,7 @@
           <h1>Desenvolvedor Fullstack</h1>
           <p>
             Transformo necessidades em aplicações reais, evolventes e
-            funcionais. Desenvolvo sistemas através da <br />
+            funcionais. Desenvolvo sistemas através da <br class="mobile-hide" />
             minha paixão pela tecnologia, contribuindo com soluções inovadoras e
             eficazes para desafios complexos.
           </p>

diff --git a/styles/mediaqueries.css b/styles/mediaqueries.css
@@ -64,6 +64,11 @@
   .intro-text p {
     font-size: 0.9rem;
     text-align: center;
+    white-space: normal;
+  }
+
+  .mobile-hide {
+    display: none;
   }
 
   .social-icons {
@@ -82,6 +87,10 @@
     grid-template-columns: 1fr;
   }
 
+  #projetos {
+    margin-top: 36px;
+  }
+
   .projeto,
   .servico {
     width: 100%;