Merge pull request #104 from LikelionUniv/fix/hackathon-sponsorURL-fix

Fix/hackathon sponsor url fix
LikelionUniv · Jul 4, 2024 · 735dbf3 · 735dbf3
2 parents 525f6f9 + f1d8f2d
commit 735dbf3
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 22 deletions.
diff --git a/src/img/landing/sponsor/logo9.png b/src/img/landing/sponsor/logo9.png
diff --git a/src/pages/landing/components/hackathon/Detail.tsx b/src/pages/landing/components/hackathon/Detail.tsx
@@ -16,7 +16,7 @@ const Detail = () => {
         <DetailWrapper>
             <Wrapper>
                 <MoreTitle>
-                    멋쟁이사자처럼 대학홈페이지를 만든 사람이 궁금하다면?
+                    멋쟁이사자처럼 대학 홈페이지를 만든 사람이 궁금하다면?
                 </MoreTitle>
                 <MoreBtn onClick={handleClick}>
                     제작자 보기

diff --git a/src/pages/landing/components/hackathon/HackathonPrize.tsx b/src/pages/landing/components/hackathon/HackathonPrize.tsx
@@ -4,7 +4,6 @@ import bulb from '../../../../img/landing/bulb.png';
 import prize1 from '../../../../img/landing/prize1.png';
 import prize2 from '../../../../img/landing/prize2.png';
 import prize3 from '../../../../img/landing/prize3.png';
-import prize1_w from '../../../../img/landing/prize1_w.png';
 import prize2_w from '../../../../img/landing/prize2_w.png';
 import prize3_w from '../../../../img/landing/prize3_w.png';
 
@@ -55,6 +54,14 @@ const PrizeWrapper = styled.div`
     width: 100%;
     display: flex;
     flex-direction: column;
+
+    @media (max-width: 767px) {
+        width: 80%;
+    }
+
+    @media (max-width: 360px) {
+        width: 90%;
+    }
 `;
 
 const PrizeContainer = styled.div`
@@ -73,27 +80,27 @@ const PrizeContainer = styled.div`
     font-size: clamp(40px, 4vw, 48px);
 
     @media (max-width: 767px) {
+        justify-content: left;
         font-size: clamp(24px, 5vw, 40px);
     }
 
     @media (max-width: 360px) {
+        justify-content: left;
         font-size: clamp(24px, 6vw, 24px);
     }
 `;
 
 const Title = styled.div`
     text-align: left;
-    width: 80%;
+    width: 100%;
     font-size: clamp(40px, 4vw, 48px);
 
     @media (max-width: 767px) {
-        width: 80%;
         font-size: clamp(24px, 5vw, 40px);
     }
 
     @media (max-width: 360px) {
-        width: 90%;
-        font-size: clamp(24px, 6vw, 24px);
+        font-size: clamp(20px, 6vw, 24px);
     }
 `;
 
@@ -136,13 +143,11 @@ const SponsorP = styled.div`
     line-height: 150%; /* 30px */
 
     @media (max-width: 767px) {
-        width: 80%;
         font-size: 18px;
         margin-top: 16px;
     }
 
     @media (max-width: 360px) {
-        width: 90%;
         font-size: 14px;
         margin-top: 8px;
     }
@@ -201,11 +206,13 @@ const PrizePost = styled.div`
 
     @media (max-width: 767px) {
         margin-bottom: 120px;
+        padding-top: 24px;
     }
 
     @media (max-width: 360px) {
         margin-bottom: 60px;
         flex-direction: column;
+        padding-top: 24px;
     }
 `;
 

diff --git a/src/pages/landing/components/hackathon/HackathonSponsor.tsx b/src/pages/landing/components/hackathon/HackathonSponsor.tsx
@@ -79,19 +79,19 @@ const serviceList: serviceType[] = [
         id: 0,
         name: '멋쟁이사자처럼',
         logo: logo1,
-        url: 'https://www.likelion.net/',
+        url: 'https://techit.education/',
     },
     {
         id: 1,
         name: '영림원소프트랩',
         logo: logo2,
-        url: 'https://www.ksystem.co.kr/',
+        url: 'https://flextudio.com/',
     },
     {
         id: 2,
         name: '쿼드해시',
         logo: logo4,
-        url: 'https://twitter.com/quadhash',
+        url: 'https://www.instagram.com/saza.gaza/',
         backgroundColor: '#FC3',
     },
     {
@@ -132,7 +132,7 @@ const serviceList: serviceType[] = [
     },
     {
         id: 9,
-        name: '타이거라들러',
+        name: '타이거 라들러',
         logo: logo9,
         url: 'https://www.instagram.com/tigerbeer_korea/',
     },

diff --git a/src/pages/landing/components/hackathon/MainInfo.tsx b/src/pages/landing/components/hackathon/MainInfo.tsx
@@ -157,10 +157,11 @@ const InfoWrapper = styled.div`
     width: 100%;
     display: flex;
     justify-content: center;
+    max-width: 1190px;
 
-    @media (max-width: 767px) {
-        width: 80%;
-    }
+    /* @media (max-width: 767px) {
+        width: clamp(320px, 2vw, 521px);
+    } */
 
     @media (max-width: 360px) {
         width: 90%;
@@ -203,13 +204,6 @@ const ImgWrapper = styled.div`
     margin-bottom: 40px;
     justify-content: space-between;
     align-items: center;
-
-    @media (max-width: 767px) {
-        width: 80%;
-    }
-    @media (max-width: 360px) {
-        width: 90%;
-    }
 `;
 
 const Img1 = styled.img`