From 37361a0d35389a584432030e72a59b3f06cccde9 Mon Sep 17 00:00:00 2001 From: reenact11 Date: Tue, 7 May 2024 01:03:52 +0900 Subject: [PATCH] refactor: edit style.css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit fonts.css와 reset.css로 코드 분리, 불필요한 속성값 제거(font-weight, display:flex), 0px 표기 0으로 수정, .footer__policy 하위 a태그에 .policy__links 클래스 추가 및 기존 코드 삭제 --- style.css | 40 ++++++---------------------------------- 1 file changed, 6 insertions(+), 34 deletions(-) diff --git a/style.css b/style.css index b4308ae2..92812d44 100644 --- a/style.css +++ b/style.css @@ -1,19 +1,3 @@ -@font-face { - font-family: 'Pretendard-Regular'; - src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); - font-weight: 400; - font-style: normal; -} - -* { - box-sizing: border-box; - margin: 0; -} - -a { - text-decoration: none; -} - em { width: 72px; height: 25px; @@ -62,11 +46,10 @@ body { .top-banner { position: absolute; - display: flex; min-width: 1920px; height: 540px; - left: 0px; - right: 0px; + left: 0; + right: 0; top: 70px; background-color: #cfe5ff; padding: 0 360px; @@ -85,10 +68,8 @@ body { } .top-banner__title { - font-weight: 700; font-size: 40px; line-height: 140%; - padding-right: 60px; color: #374151; } @@ -115,8 +96,6 @@ body { .content { position: absolute; - display: flex; - flex-direction: column; width: 1920px; top: 610px; background-color: #fff; @@ -156,19 +135,15 @@ body { } .feature__title { - font-weight: 700; font-size: 40px; line-height: 140%; - display: flex; letter-spacing: 0.02em; color: #374151; } .feature__content { - font-weight: 500; font-size: 24px; line-height: 120%; - display: flex; letter-spacing: 0.08em; color: #374151; } @@ -178,8 +153,8 @@ body { min-width: 1920px; height: 540px; top: 2908px; - left: 0px; - right: 0px; + left: 0; + right: 0; bottom: 70px; background-color: #cfe5ff; padding: 0 360px; @@ -187,11 +162,8 @@ body { .bottom-banner__title { position: absolute; - font-weight: 700; font-size: 40px; line-height: 140%; - width: 286px; - height: 112px; color: #374151; top: 214px; left: 360px; @@ -201,7 +173,7 @@ body { position: absolute; width: 996px; height: 540px; - top: 0px; + top: 0; left: 701px; } @@ -229,7 +201,7 @@ body { gap: 30px; } -.footer__policy a { +.policy__links { color: #e5e7eb; }