Update promotion styles to reduce max-width from 124rem to 120rem across various sections; remove unused image and clean up HTML comments in Disney promotion page.

This commit is contained in:
2025-10-13 22:50:30 +09:00
parent e6dbd77865
commit 58aed43fb9
6 changed files with 21 additions and 21 deletions

View File

@@ -47,7 +47,7 @@
}
#promotion .promotionHeader .promotionHeaderInner {
width: 100%;
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
padding-top: 86vw;
}
@@ -119,7 +119,7 @@
}
}
#promotion .tabNavigation .tabNavigationInner {
max-width: 124rem;
max-width: 120rem;
}
@media (min-width: 768px) {
#promotion .tabNavigation .tabNavigationInner {
@@ -198,7 +198,7 @@
position: relative;
}
#promotion .contentSection .contentSectionInner {
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
}
@media (min-width: 768px) {
@@ -342,7 +342,7 @@
}
}
#promotion .available-cars .contentSection {
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
}
#promotion .available-cars .contentSection .title-area {
@@ -432,7 +432,7 @@
}
@media (min-width: 768px) {
#promotion .theme-select-guide .contentSection {
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
padding: 16.8rem 2rem;
}
@@ -731,7 +731,7 @@
}
@media (min-width: 768px) {
#promotion .more-features .contentSection {
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
padding: 7rem 2rem 12rem;
}
@@ -846,7 +846,7 @@
@media (min-width: 768px) {
#promotion .information .contentSection {
padding: 11.5rem 2rem 8rem;
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
}
}
@@ -960,7 +960,7 @@
#promotion .goto-area .contentSection {
display: flex;
align-items: center;
max-width: 124rem;
max-width: 120rem;
height: 10rem;
padding: 0 2rem;
margin: 0 auto;

View File

@@ -38,7 +38,7 @@ $KiaBlack: #05141f;
}
.promotionHeaderInner {
width: 100%;
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
padding-top: 86vw;
@include tablet {
@@ -102,7 +102,7 @@ $KiaBlack: #05141f;
}
}
.tabNavigationInner {
max-width: 124rem;
max-width: 120rem;
@include tablet {
margin: 0 auto;
}
@@ -173,7 +173,7 @@ $KiaBlack: #05141f;
min-height: 60rem;
position: relative;
.tabContentInner {
// max-width: 124rem;
// max-width: 120rem;
margin: 0 auto;
position: relative;
.tabContent {
@@ -188,7 +188,7 @@ $KiaBlack: #05141f;
.contentSection {
.contentSectionInner {
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
@include tablet {
padding: 0;
@@ -325,7 +325,7 @@ $KiaBlack: #05141f;
padding: 12rem 2rem 3.2rem;
}
.contentSection {
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
.title-area {
margin-bottom: 3.2rem;
@@ -409,7 +409,7 @@ $KiaBlack: #05141f;
.contentSection {
padding: 8rem 2rem;
@include tablet {
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
padding: 16.8rem 2rem;
}
@@ -712,7 +712,7 @@ $KiaBlack: #05141f;
.contentSection {
padding: 7.9rem 0;
@include tablet {
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
padding: 7rem 2rem 12rem;
}
@@ -816,7 +816,7 @@ $KiaBlack: #05141f;
padding: 7.8rem 2rem;
@include tablet {
padding: 11.5rem 2rem 8rem;
max-width: 124rem;
max-width: 120rem;
margin: 0 auto;
}
.title-area {
@@ -926,7 +926,7 @@ $KiaBlack: #05141f;
@include tablet {
display: flex;
align-items: center;
max-width: 124rem;
max-width: 120rem;
height: 10rem;
padding: 0 2rem;
margin: 0 auto;