[fix] layout 수정

softeerbootcamp4th · Aug 22, 2024 · 8d60c05 · 8d60c05
1 parent 7c865b2
commit 8d60c05
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/service/src/pages/eventIntro/EventIntroMain.jsx b/service/src/pages/eventIntro/EventIntroMain.jsx
@@ -17,8 +17,10 @@ function EventIntroMain() {
       >
         <div className="flex justify-between">
           <div className="ml-3000">
-            <div className="flex w-[350px] h-[50px] items-center justify-center bg-primary-berrypurple text-detail-1-bold text-neutral-white mb-600 text-nowrap">
-              진짜 캐스퍼 EV를 얻을 수 있는 기회
+            <div className="inline-block px-500 py-200 bg-primary-berrypurple mb-600">
+              <p className="text-detail-1-bold text-neutral-white">
+                진짜 캐스퍼 EV를 얻을 수 있는 기회
+              </p>
             </div>
             <div className="text-heading-banner-title text-neutral-black mb-1000 text-nowrap">
               캐스퍼 EV와
@@ -43,13 +45,17 @@ function EventIntroMain() {
             </p>
             <div className="flex mt-600 gap-300">
               <Link to="event">
-                <button className="flex items-center justify-center duration-200 rounded-full px-1000 py-500 bg-neutral-white text-neutral-black text-detail-3-semibold hover:scale-105">
-                  이벤트 참여하기
+                <button className="flex items-center justify-center duration-200 rounded-full px-1200 py-600 bg-neutral-white hover:scale-105">
+                  <p className="text-neutral-black text-detail-2-semibold">
+                    이벤트 참여하기
+                  </p>
                 </button>
               </Link>
               <Link to="introduce">
-                <button className="flex items-center justify-center bg-transparent rounded-full px-800 py-400 text-neutral-black text-detail-3-semibold border-[2px] border-solid border-neutral-black hover:scale-105 duration-200">
-                  캐스퍼 EV 알아보기
+                <button className="flex items-center justify-center bg-transparent rounded-full px-1000 py-500 border-[2px] border-solid border-neutral-black hover:scale-105 duration-200">
+                  <p className="text-neutral-black text-detail-2-semibold">
+                    캐스퍼 EV 알아보기
+                  </p>
                   <img src={arrow} alt="move" />
                 </button>
               </Link>