어바웃 페이지 레이아웃 수정

Author: constmoon

frontend/components/service/PreviousPyconkr/PreviousPyconkrList.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import Image from '../../core/Image'
 import { ColorLink, Heading3, Paragraph } from '../../../assets/styles/typo'
 import { media } from '../../../assets/styles/mixin'
 import styled from 'styled-components'
@@ -19,13 +18,21 @@ const Col = styled.div`
         width: 100%;
     `)}
     & + & {
-        margin-left: 1.6rem;
+        margin-left: 3rem;
         ${media.mobile(`
             margin-left: 0;
             margin-top: 1.2rem;
         `)}
     }
 `
+const Image = styled.img`
+    display: inline-flex;
+    max-width: 400px;
+    height: auto;
+    ${media.mobile(`
+        width: 100%;
+    `)}
+`
 const Container = styled.div`
     padding-bottom: 2rem;
     & + & {
@@ -35,6 +42,9 @@ const Container = styled.div`
         `)}
     }
 `
+const Title = styled(Heading3)`
+    margin: 0;
+`
 const ParagraphContainer = styled.div`
     margin-top: 1rem;
 `
@@ -67,9 +77,9 @@ const PreviousPyconkrList: React.FC<PreviousPyconkrList> = ({ keys }) => {
                                 />
                             </Col>
                             <Col>
-                                <Heading3>
+                                <Title useGradient={true}>
                                     {t(`contentDescription:${year}.title`)}
-                                </Heading3>
+                                </Title>
                                 <ParagraphContainer>
                                     <Paragraph>
                                         {t(

frontend/pages/about/pyconkr.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import type { NextPage, GetServerSideProps } from 'next'
 import { useTranslation } from 'react-i18next'
 import { PageName } from '../../data/enums/PageName'
-import { Heading2, Paragraph } from '../../assets/styles/typo'
+import { Heading2, Heading3, Paragraph } from '../../assets/styles/typo'
 import styled from 'styled-components'
 
 const Block = styled.div`
@@ -27,11 +27,15 @@ const About: NextPage = () => {
                 <Content>{t('label:about.main.desc')}</Content>
             </Block>
             <Block>
-                <Heading2>{t('label:about.slogan.title')}</Heading2>
+                <Heading3 useGradient={true}>
+                    {t('label:about.slogan.title')}
+                </Heading3>
                 <Content>{t('label:about.slogan.desc')}</Content>
             </Block>
             <Block>
-                <Heading2>{t('label:about.diff.title')}</Heading2>
+                <Heading3 useGradient={true}>
+                    {t('label:about.diff.title')}
+                </Heading3>
                 <Content>{t('label:about.diff.desc')}</Content>
             </Block>
         </div>