키노트 모바일 레이아웃 반영

Author: constmoon

frontend/components/service/Home/MainSlogan.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { Heading2, Paragraph } from '../../../assets/styles/typo'
+import { Heading2 } from '../../../assets/styles/typo'
 import styled from 'styled-components'
 
-const Content = styled(Paragraph)`
+const Content = styled.div`
     margin-top: 1rem;
     white-space: pre-line;
 `

frontend/components/service/Program/KeynoteListItem.tsx

@@ -9,19 +9,22 @@ import { Link } from '../../core/SnsLink'
 const ListItem = styled.div`
     & + & {
         margin-top: 6rem;
-        ${media.mobile(`
-            margin-top: 3rem;
-        `)}
     }
 `
 const TalkBlock = styled.div`
     display: flex;
     align-items: flex-start;
     flex-direction: row;
+    ${media.mobile(`
+        flex-direction: column;
+    `)}
 `
 const PersonBlock = styled.div`
     flex: 1;
     margin-left: 2rem;
+    ${media.mobile(`
+        margin: 1rem 0;
+    `)}
 `
 const Speaker = styled(Heading3)`
     font-size: 1.6rem;