add min-height to logo header

waldohidalgo · Jun 21, 2024 · 88cddcb · 88cddcb
1 parent 13b01a2
commit 88cddcb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Banner/Banner.css b/src/components/Banner/Banner.css
@@ -1,6 +1,7 @@
 .banner__eslogan {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
+
   border-radius: 25px;
   background-color: rgba(198, 134, 66, 0.8);
   display: flex;

diff --git a/src/components/Banner/index.jsx b/src/components/Banner/index.jsx
@@ -14,13 +14,15 @@ const Section = styled.section`
   width: 100%;
   background-repeat: no-repeat;
   background-position-x: center;
-  background-attachment: fixed;
-
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   position: relative;
+
+  @media screen and (min-width: 550px) {
+    background-attachment: fixed;
+  }
 `;
 
 const ContenedorThumnails = styled.div`

diff --git a/src/components/header/index.jsx b/src/components/header/index.jsx
@@ -44,6 +44,7 @@ const HeaderContenedor = styled.header`
 const HeaderLogo = styled.img`
   width: 100%;
   max-width: 499px;
+  min-height: 100px;
 `;
 
 const Header = () => {