diff --git a/components/Home/Support/Support.module.scss b/components/Home/Support/Support.module.scss index 6bd8993..3d868dd 100644 --- a/components/Home/Support/Support.module.scss +++ b/components/Home/Support/Support.module.scss @@ -68,7 +68,7 @@ align-items: center; background-color: white; position: absolute; - top: 0; + top: 16px; // 맥북 화면에서 상단 텍스트 잘림 .description { @include responsive.fontSize(14px, 18px, 24px); @@ -89,17 +89,21 @@ @include font.pretendard; position: relative; display: flex; - width: 50%; + width: 80%; justify-content: space-between; + padding-bottom: 8px; z-index: 10; .sponsor { - @include responsive.fontSize(14px, 21px, 32px); + @include responsive.fontSize(14px, 21px, 28px); color: #323232; font-weight: 600; line-height: 180%; /* 57.6px */ letter-spacing: 1.28px; } } + .around { + justify-content: space-around; + } } .bottom { width: 100%; @@ -176,6 +180,7 @@ .foreground { .sponsorship { position: relative; + top: 0; // 맥북 화면에서 상단 텍스트 잘림 } .description { font-weight: 500; diff --git a/components/Home/Support/Support.tsx b/components/Home/Support/Support.tsx index a45278d..f5d722c 100644 --- a/components/Home/Support/Support.tsx +++ b/components/Home/Support/Support.tsx @@ -33,11 +33,21 @@ export default function Support() { />