From 6bb2fc41bcc92e4f5337d913f49044bbe60c32c4 Mon Sep 17 00:00:00 2001 From: Wesley Mendes Date: Thu, 8 Feb 2024 18:48:11 -0300 Subject: [PATCH] Fix divisor --- src/pages/HomePage.styles.tsx | 20 ++++++++++++++++++++ src/pages/HomePage.tsx | 4 ++-- 2 files changed, 22 insertions(+), 2 deletions(-) diff --git a/src/pages/HomePage.styles.tsx b/src/pages/HomePage.styles.tsx index 404d882..eab42ed 100644 --- 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 index 05dfc96..81dda11 100644 --- 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() { - +