Merge pull request #12 from Wesleyhmendes/atualizar-portifolio

Fix divisor
Wesleyhmendes · Feb 8, 2024 · 03ac028 · 03ac028
2 parents fe8daa5 + 6bb2fc4
commit 03ac028
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/src/pages/HomePage.styles.tsx b/src/pages/HomePage.styles.tsx
@@ -10,6 +10,26 @@ export const Divisor = styled.hr`
     margin-top: 17%;
   }
 
+  @media (min-width: 1700px) {
+    margin-top: 15%;
+  }
+
+`;
+
+export const Divisor2 = styled.hr`
+  border-top: 2px solid #BBBBBB;
+  margin: 0 auto;
+  margin-top: 12%;
+  width: 85%;
+
+  @media (min-width: 1200px) {
+    margin-top: 10%;
+  }
+
+  @media (min-width: 1700px) {
+    margin-top: 8%;
+  }
+
 `;
 
 export const DivisorFooter = styled.hr`

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
@@ -3,7 +3,7 @@ import Presentation from '../components/Presentation/Presentation';
 import Technologies from '../components/Technologies/Technologies';
 import Projects from '../components/Projects/Projects';
 import Footer from '../components/Footer/Footer';
-import { Divisor, DivisorFooter } from './HomePage.styles';
+import { Divisor, Divisor2, DivisorFooter } from './HomePage.styles';
 
 function HomePage() {
   return (
@@ -12,7 +12,7 @@ function HomePage() {
       <Presentation />
       <Divisor />
       <Technologies />
-      <Divisor />
+      <Divisor2 />
       <Projects />
       <DivisorFooter />
       <Footer />