palnetworks
/
pal-hom-2026
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

FEAT : 솔루션 반응형 추가

remotes/origin/main
이시연 1 month ago
parent
e92b916624
commit
19be49d946
1 changed files with 22 additions and 7 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 29
      src/css/main.css

29
src/css/main.css
Unescape View File

@ -225,7 +225,7 @@ body{overflow-x:hidden;}
@media (max-width:768px){
.airspace-moving-dot{left:88%;top:43%;transform:translate(-50%,-50%);}
.airspace-dot-uam{width:130px;}
.airspace-dot-uam{width:110px;}
.airspace-uam-content{left:0;right:0;top:auto;bottom:7%;transform:none;padding:0 6vw;max-width:100%;}
.airspace-uam-content h2{font-size:clamp(38px,10vw,58px);line-height:.95;letter-spacing:-.07em;word-break:keep-all;}
.airspace-uam-content span{font-size:14px;line-height:1.7;word-break:keep-all;}
@ -266,10 +266,9 @@ body{overflow-x:hidden;}
.main-solution-card-body h3{margin:0 0 14px;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.05em;color:#10142b;word-break:keep-all;}
.main-solution-card-body p{margin:0;font-size:15px;font-weight:500;line-height:1.7;color:rgba(16,20,43,.58);word-break:keep-all;}
@media (max-width:1024px){.main-solution-section{padding:110px 6vw 96px;}.main-solution-bg-circle{right:-32vw;top:-28vw;width:90vw;height:90vw;}.main-solution-grid{grid-template-columns:repeat(2,1fr);}.main-solution-card{min-height:220px;}}
@media (max-width:768px){.main-solution-section{padding:88px 6vw 80px;}.main-solution-bg-circle{right:-48vw;top:-30vw;width:110vw;height:110vw;opacity:.88;}.main-solution-arrow{margin-bottom:34px;font-size:30px;}.main-solution-head{margin-bottom:38px;}.main-solution-title{font-size:clamp(36px,10vw,54px);line-height:1.02;}.main-solution-desc{font-size:14px;line-height:1.75;}.main-solution-grid{grid-template-columns:1fr;gap:14px;}.main-solution-card{min-height:190px;padding:24px 22px;border-radius:24px;}.main-solution-card::before{left:22px;top:24px;width:52px;height:52px;}.main-solution-card::after{left:22px;right:22px;bottom:24px;height:72px;}}
@media (max-width:1200px){.main-solution-section{height:auto;min-height:100dvh;padding:110px 6vw 100px;}.main-solution-head{max-width:680px;margin-bottom:44px;}.main-solution-title{font-size:clamp(40px,5.8vw,66px);}.main-solution-grid{grid-template-columns:repeat(2,1fr);gap:18px;}.main-solution-card{min-height:230px;}}
@media (max-width:768px){.main-solution-section{height:auto;min-height:auto;padding:86px 6vw 78px;overflow:hidden;}.main-solution-inner{max-width:100%;}.main-solution-head{max-width:100%;margin-bottom:34px;}.main-solution-eyebrow{margin-bottom:12px;font-size:11px;letter-spacing:.2em;}.main-solution-title{font-size:clamp(34px,10vw,48px);line-height:1.08;letter-spacing:-.06em;}.main-solution-desc{margin-top:18px;font-size:14px;line-height:1.75;}.main-solution-grid{grid-template-columns:1fr;gap:14px;}.main-solution-card{min-height:auto;padding:24px 22px;border-radius:24px;}.main-solution-card:hover{transform:translateY(-6px);}.main-solution-card-icon{width:52px;height:52px;margin-bottom:24px;border-radius:16px;}.main-solution-card-icon img{width:25px;height:25px;}.main-solution-card-body span{margin-bottom:10px;font-size:10px;letter-spacing:.13em;}.main-solution-card-body h3{font-size:21px;line-height:1.25;}.main-solution-card-body h3 small{font-size:12px;}.main-solution-card-body p{font-size:14px;line-height:1.7;}}
@media (max-width:480px){.main-solution-section{padding:72px 5vw 64px;}.main-solution-title{font-size:clamp(32px,11vw,42px);}.main-solution-desc{font-size:13.5px;}.main-solution-card{padding:22px 20px;border-radius:22px;}.main-solution-card-icon{width:48px;height:48px;margin-bottom:22px;}.main-solution-card-body h3{font-size:20px;}.main-solution-card-body p{font-size:13.5px;}}
/* News */
.main-news-section{position:relative;min-height:100vh;padding:130px 8vw;background:#ffffff;overflow:hidden;}
.main-news-section::before{content:"";position:absolute;left:-18vw;bottom:-24vw;width:52vw;height:52vw;border-radius:50%;background:radial-gradient(circle,rgba(58,64,129,.08),transparent 70%);filter:blur(18px);pointer-events:none;}
@ -287,5 +286,21 @@ body{overflow-x:hidden;}
.main-news-content p{margin:0;font-size:15px;line-height:1.75;font-weight:500;color:rgba(16,20,43,.56);word-break:keep-all;}
.main-news-arrow{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(58,64,129,.16);color:#3a4081;font-size:18px;transition:transform .35s ease,background .35s ease,color .35s ease;}
.main-news-item:hover .main-news-arrow{transform:translate(4px,-4px);background:#3a4081;color:#ffffff;}
@media (max-width:1024px){.main-news-section{padding:110px 6vw;}.main-news-inner{grid-template-columns:1fr;gap:54px;}.main-news-head{position:relative;top:auto;}.main-news-item{grid-template-columns:130px 1fr 40px;}}
@media (max-width:768px){.main-news-section{min-height:auto;padding:90px 6vw;}.main-news-title{font-size:clamp(36px,10vw,52px);}.main-news-item{grid-template-columns:1fr;gap:14px;padding:28px 0;}.main-news-item:hover{padding-left:0;background:transparent;}.main-news-arrow{width:38px;height:38px;}.main-news-content h3{font-size:21px;}.main-news-content p{font-size:14px;}}
@media (max-width:1024px){
.main-news-section{padding:110px 6vw;}
.main-news-inner{grid-template-columns:1fr;gap:54px;}
.main-news-head{position:relative;top:auto;}
.main-news-item{grid-template-columns:130px 1fr 40px;}
}
@media (max-width:768px){
.main-news-section{min-height:auto;padding:90px 6vw;}
.main-news-title{font-size:clamp(36px,10vw,52px);}
.main-news-item{grid-template-columns:1fr;gap:14px;padding:28px 0;}
.main-news-item:hover{padding-left:0;background:transparent;}
.main-news-arrow{width:38px;height:38px;}
.main-news-content h3{font-size:21px;}
.main-news-content p{font-size:14px;}
.main-solution-card-body h3 small{margin-top:8px;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:-.01em;color:rgba(16,20,43,.42);}
}
Write Preview
Loading…
Cancel
Save