diff --git a/src/components/shared/header/Header.jsx b/src/components/shared/header/Header.jsx index 9548158..ed5ae02 100644 --- a/src/components/shared/header/Header.jsx +++ b/src/components/shared/header/Header.jsx @@ -19,10 +19,9 @@ const Header = ({ ...data }) => { const backWordStyles = { fontSize: - windowWidth < 900 - ? "100px" + windowWidth > 900 ? data.backWordSize || "150px" : windowWidth > 700 - ? data.backWordSize || "150px" + ? "100px" : data.backWordSize_mobile, letterSpacing: windowWidth > 700 diff --git a/src/components/shared/navbar/Navbar.scss b/src/components/shared/navbar/Navbar.scss index d21c731..dfbaac2 100644 --- a/src/components/shared/navbar/Navbar.scss +++ b/src/components/shared/navbar/Navbar.scss @@ -184,7 +184,8 @@ justify-content: flex-end; .navbar__mobile__sidebar { - width: 70%; + width: 40%; + min-width: 18rem; height: 100%; background-color: #1b1b1b; border-radius: 20px 0px 0px 20px; @@ -241,6 +242,7 @@ flex-direction: column; justify-content: center; align-items: flex-start; + gap: 1rem; span { color: var(--h4bred); @@ -250,6 +252,7 @@ img { object-fit: contain; + width: 200px; } } } @@ -324,4 +327,4 @@ width: 175px; } } -} +} \ No newline at end of file