diff --git a/src/components/Banner/Banner.css b/src/components/Banner/Banner.css index 10a21cd..dc7707b 100644 --- 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 index ec43297..aa16dee 100644 --- 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 index 063f0ef..159f0e1 100644 --- 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 = () => {