diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss index f10113c..072ffd0 100644 --- a/checkout/src/arquivos/sass/partials/_header.scss +++ b/checkout/src/arquivos/sass/partials/_header.scss @@ -2,6 +2,10 @@ border-bottom: 1px solid $black-padrao; padding: 0 130px; + @media screen and (max-width: 1024px) { + padding: 0 16px; + } + .container { margin: 0; width: 100%; @@ -10,12 +14,22 @@ display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: center; + + @media screen and (max-width: 1024px) { + display: flex; + width: 100%; + padding: 16px 0px; + } } .progress-bar { width: 100%; position: relative; + @media screen and (max-width: 1024px) { + display: none; + } + &__container-text { display: flex; @@ -121,6 +135,10 @@ @media screen and (min-width: 2500px) { width: 68.2%; } + + @media screen and (max-width: 1024px) { + padding: 0; + } img { width: 100%; height: 37.15px; @@ -134,6 +152,7 @@ &__safeBuy { display: flex; justify-content: end; + width: 100%; img { width: 12px; height: 15px;