Merge pull request #192 from MBTips/style/홈페이지-줄바꿈-문제-개선

style: 홈페이지 내부 font가 360px일 때 줄바꿈 되는 문제 개선

Author: junjeeong

src/components/StrokeBanner.tsx

@@ -23,8 +23,9 @@ const StrokeBanner = () => {
         친구 정보를 저장하고 대화할 수 있어요
       </strong>
       <p className="mt-2 text-sm font-light text-gray-900">
-        로그인 시 기억하고 싶은 친구의 MBTI와 특징을 입력해서 빠르게 대화할 수
-        있어요
+        로그인 시 기억하고 싶은 친구의 MBTI와 특징을
+        <br />
+        입력해서 빠르게 대화할 수 있어요
       </p>
     </div>
   );

src/index.css

@@ -30,12 +30,15 @@ body {
 
 main {
   @media screen and (min-width: 360px) {
+    font-size: 14px;
     width: 360px;
   }
   @media screen and (min-width: 375px) {
+    font-size: 16px;
     width: 375px;
   }
   @media screen and (min-width: 500px) {
+    font-size: 16px;
     width: 500px;
   }
 }