chore: index.css main: 100vh -> 100vw 오타 수정

Author: junjeeong

src/components/Banner.tsx

@@ -45,7 +45,7 @@ const Banner = () => {
   }, []);
 
   return (
-    <div className="relative flex h-[184px] w-full">
+    <div className="relative h-[184px] w-screen max-w-[500px]">
       <Link
         to={order === 0 ? "/mbti-test" : `/contents/${order}`}
         className="absolute h-full w-full"
@@ -67,11 +67,11 @@ const Banner = () => {
             )}
           >
             <source media="(min-width: 500px)" srcSet={image.lg} />
-            <source media="(min-width: 375px)" srcSet={image.md} />
+            <source media="(min-width: 375px)" srcSet={image.sm} />
             <img
               src={image.sm}
               alt={image.description}
-              className="h-full w-full object-cover"
+              className="h-full w-full"
             />
           </picture>
         ))}

src/index.css

@@ -32,7 +32,7 @@ main {
   margin-top: 54px;
   background-color: white;
   font-size: 14px;
-  width: 100vh;
+  width: 100vw;
   max-width: 500px;
 
   @media screen and (min-width: 500px) {

src/pages/Home.tsx

@@ -47,7 +47,7 @@ const Home = () => {
           <section aria-label="콘텐츠 배너">
             <Banner />
           </section>
-          <section className="mt-5 w-full" aria-label="빠른 대화">
+          <section className="mt-5" aria-label="빠른 대화">
             <div className="w-full px-[20px] py-[13px]">
               <SubTitle mode="빠른대화" />
             </div>
@@ -56,7 +56,7 @@ const Home = () => {
             </div>
           </section>
           <section aria-label="친구 목록">
-            <div className="w-full px-[20px] py-[21px]">
+            <div className="px-[20px] py-[21px]">
               <SubTitle mode="친구목록" />
             </div>
             <div className="flex justify-center pb-[127px]">