diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss index 8cfe2a8..98c2eb7 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout.scss @@ -16,9 +16,14 @@ footer .footerCheckout__wrapper { width: 94.9734%; margin: auto auto 0 auto; } + +header { + width: 100%; + border-bottom: 1px solid $color-black2; +} + footer .footerCheckout__prateleira, header { - width: 79.53125%; margin: 0 auto; } diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss index eebcbf2..a4950b4 100644 --- a/checkout/src/arquivos/sass/partials/_header.scss +++ b/checkout/src/arquivos/sass/partials/_header.scss @@ -1,9 +1,8 @@ /* _header.scss */ .headerCheckout { - padding: 29px 0; - .container { - width: auto !important; + width: 79.53125%; + padding: 29px 0; #progressBar { width: 439px; @@ -103,22 +102,24 @@ } &__wrapper { - display: grid; - grid-template-columns: 2fr 1fr 2fr; - align-items: center; + align-items: center; + display: flex; + justify-content: space-between; } &__logo { + width: 15.284%; + img { - height: 52px; - width: auto; + width: 100%; + height: auto; } } &__safeBuy { display: flex; align-items: center; - justify-content: flex-end; + justify-content: center; gap: 8px; span { @@ -130,7 +131,7 @@ font-weight: normal; font-size: 12px; line-height: 16px; - color: $color-gray6; + color: $color-black; } img {