fix: 모바일 디자인 미세조정

This commit is contained in:
이희원 2026-06-30 10:57:00 +09:00
parent e385ebf296
commit cd43a209dd
6 changed files with 50 additions and 16 deletions

View File

@ -534,7 +534,7 @@
<h2 class="contact__heading">WELCOME BODA LAB</h2>
<p class="contact__desc">
The BODA LAB은 서비스와 사용자를 고려하여 다양한 경험을 제공하며,
<br />
<br class="divide" />
거쳐간 모든 곳에서 지속적인 성장이 이루어질 수 있도록 함께합니다.
</p>
<address class="contact__office">

View File

@ -131,6 +131,7 @@
.history__timeline {
margin-left: clamp(220px, 38vw, 726px);
border-bottom: 1px solid #000;
}
.history__yearGroup {
@ -321,7 +322,7 @@
padding: 80px 20px;
}
.history__title {
.history__title.sectionTitle {
position: static;
margin-bottom: 40px;
color: #0d0d0d;
@ -336,11 +337,30 @@
}
.history__yearToggle {
flex-wrap: wrap;
display: block;
.history__year {
display: block;
margin: 0 0 10px;
}
.icon {
top: 30px;
transform: none;
}
.history__listItem {
.main {
.badge {
margin: 3px 0 0 5px;
}
}
}
}
.history__list {
margin-left: 0;
margin-right: 30px;
}
.history__listItem {
@ -351,10 +371,16 @@
.sub {
font-size: 12px;
}
.date {
display: none;
}
}
// Figma 모바일/PC 공통으로 padding이 4px 6px인데 base는 2px 8px로 틀려있음 PC base는 그대로 두고 모바일만 보정
.history__listItem .badge {
padding: 4px 6px;
.history__listItem {
.badge {
padding: 3px 4px;
margin: 0 0 0 5px;
}
}
}

View File

@ -409,11 +409,15 @@
.contact__desc {
margin-top: 30px;
margin-bottom: 80px;
.divide {
display: none;
}
}
// Figma 모바일: Head Office 블록 아코디언 블록 간격 80 (PC base 88px는 그대로 )
.contact__inner {
margin-bottom: 80px;
margin-bottom: 0px;
}
// Figma 공통값(labellist 16)인데 base(20px) PC에서도 어긋나 있음 모바일만 보정
@ -427,6 +431,7 @@
}
.contactAccordion__header {
margin-top: 60px;
padding-top: 22px;
padding-bottom: 22px;
}
@ -437,13 +442,8 @@
height: 32px;
}
// Figma 공통값(80, PC는 120 base 32px와 다름)인데 아코디언 블록 사이 간격이 좁음. PC는 두고 번째 항목만 보정
.contactAccordion__item:not(:first-child) .contactAccordion__header {
margin-top: 80px;
}
.contactForm {
padding-bottom: 40px;
// padding-bottom: 40px;
}
.contactForm__cols {

View File

@ -58,7 +58,7 @@
@include mo {
.footer {
padding: 24px 0 0;
padding: 40px 0 0;
}
.footer__inner {

View File

@ -165,11 +165,11 @@
// Figma 모바일/PC 공통값(namecompany 18, companytags 24)인데 base(15px/20px) 어긋나 있음 모바일만 보정
.project__company {
margin-top: 18px;
margin-top: 14px;
}
.project__stack {
margin-top: 24px;
margin-top: 22px;
}
.project__more {

View File

@ -94,6 +94,7 @@
font-size: 14px;
font-weight: 300;
color: #ffffff;
letter-spacing: -0.1px;
}
}
@ -113,9 +114,16 @@
}
.vision__quote {
position: relative;
align-self: stretch;
max-width: none;
padding: 0 30px;
.mark {
top: 0;
left: 0;
position: absolute;
}
}
.vision__keywordList {