[fix] QA 일부 반영 (#407)

src/components/ProjectTab/ProjectTab.tsx

@@ -51,14 +51,16 @@ const tabContainerCss = css`
 
 const tabCss = css`
   ${theme.typosV2.pretendard.semibold16};
+  line-height: 150%;
+
   padding: 16px 20px;
   color: ${theme.colors.grey[300]};
 `;
 
 const activeTabCss = css`
   ${tabCss};
   color: ${theme.colors.grey[900]};
-  text-decoration: underline;
+  text-decoration: underline 2px;
   text-underline-offset: 8px;
 `;
 

src/components/Supports/Supports.tsx

@@ -15,8 +15,8 @@ export const Supports = () => {
     <div css={[layoutCss]}>
       <h1 css={introCss.headline}>후원사</h1>
       <p css={introCss.description}>
-        디프만은 IT비영리단체로 후원을 통해
-        {isMobileSize && <br />}더 많은 교육 기회에 도움을 받고 있습니다.
+        디프만은 IT비영리단체로 후원을 통해 {isMobileSize && <br />}더 많은 교육 기회에 도움을 받고
+        있습니다.
       </p>
 
       <ul css={supportContainerCss}>

src/features/About/sections/AboutActivitiesSection.tsx

@@ -15,8 +15,7 @@ export const AboutActivitiesSection = () => {
       <div css={wrapperCss}>
         <h1 css={introCss.headline}>정규 세션</h1>
         <p css={introCss.description}>
-          정규 오프라인 세션을 통해
-          {isMobileSize && <br />}
+          정규 오프라인 세션을 통해 {isMobileSize && <br />}
           성공적인 프로젝트 런칭에 더 가까워 집니다
         </p>
         <div css={activitiesCss}>
@@ -31,8 +30,7 @@ export const AboutActivitiesSection = () => {
       <div css={wrapperCss}>
         <h1 css={introCss.headline}>다양한 활동</h1>
         <p css={introCss.description}>
-          디프만에는 정기 세션 외에도
-          {isMobileSize && <br />}
+          디프만에는 정기 세션 외에도 {isMobileSize && <br />}
           친목 및 성장할 수 있는 다양한 활동들이 있습니다
         </p>
         <div css={activitiesCss}>

src/features/Main/components/ReasonCard.tsx

@@ -85,7 +85,7 @@ const content = {
 
     ${mediaQuery('mobile')} {
       margin: 0;
-      padding: 0;
+      padding: 0 8px;
       gap: 16px;
       justify-content: center;
     }