From 17ec6cc6887941b2ec119a1715ebea2bbc1f3011 Mon Sep 17 00:00:00 2001 From: HenriqueSSan Date: Fri, 30 Dec 2022 20:11:00 -0300 Subject: [PATCH] feat(align): created spaces in header bottom content menu in large,medium devices --- src/template/Header/index.module.scss | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/src/template/Header/index.module.scss b/src/template/Header/index.module.scss index b362409..043edf4 100644 --- a/src/template/Header/index.module.scss +++ b/src/template/Header/index.module.scss @@ -178,6 +178,12 @@ height: 100vh; } } + + @media screen and (min-width: 1025px) { + &-content { + border-top: 1px solid var(--clr-common-white); + } + } } .menu { @@ -259,8 +265,9 @@ justify-content: flex-start; gap: 55px; - padding: 14px 16px; - border-top: 1px solid var(--clr-common-white); + width: function.fluid(1080px, 1280px); + padding: 14px 0; + margin: 0 auto; background-color: var(--clr-common-black); @@ -276,6 +283,12 @@ display: none; } } + + @media screen and (min-width: 2500px) { + .list { + width: function.fluid(2299.68px, 2500px); + } + } } .search-top {