diff --git a/src/components/common/header/header.module.scss b/src/components/common/header/header.module.scss index dd60e09..0378424 100644 --- a/src/components/common/header/header.module.scss +++ b/src/components/common/header/header.module.scss @@ -99,16 +99,18 @@ } .button { - margin: tovw(59px, 'mobile') 0 tovw(44px, 'mobile') 0; + margin: tovw(55px, 'mobile') 0 tovw(44px, 'mobile') 0; width: 100%; text-align: center; @media screen and (max-height: 750px) { - margin: calc(var(--vh) * 7.2) 0 calc(var(--vh) * 5.2) 0; + margin: calc(var(--vh) * 5.2) 0 calc(var(--vh) * 5.2) 0; } } p { + font-size: tovw(15px, 'mobile'); + padding: tovw(6px, 'mobile'); text-align: center; } @@ -116,8 +118,8 @@ display: grid; position: relative; justify-content: center; - margin: tovw(32px, 'mobile') 0; - padding-top: tovw(32px, 'mobile'); + margin: tovw(16px, 'mobile') 0; + padding-top: tovw(10px, 'mobile'); width: 100%; gap: tovw(24px, 'mobile'); grid-template-columns: repeat(6, tovw(24px, 'mobile')); @@ -126,7 +128,7 @@ position: absolute; top: tovw(-32px, 'mobile'); left: tovw(-16px, 'mobile'); - margin: tovw(24px, 'mobile') 0; + margin: tovw(15px, 'mobile') 0; background: white; width: calc(100% + tovw(32px, 'mobile')); height: tovw(1px, 'mobile', 1px);