diff --git a/css/about.css b/css/about.css index c26b020..ad05a0f 100644 --- a/css/about.css +++ b/css/about.css @@ -241,7 +241,7 @@ .values-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + grid-template-columns: repeat(2, 1fr); gap: var(--spacing-xl); margin-top: var(--spacing-2xl); } @@ -313,6 +313,6 @@ } .values-grid { - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + grid-template-columns: 1fr; } } \ No newline at end of file diff --git a/css/main.css b/css/main.css index 74ecc84..1310d8a 100644 --- a/css/main.css +++ b/css/main.css @@ -154,7 +154,7 @@ .features-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + grid-template-columns: repeat(2, 1fr); gap: var(--spacing-xl); margin-top: var(--spacing-2xl); max-width: 1200px; diff --git a/css/services.css b/css/services.css index 04d5f4f..214f746 100644 --- a/css/services.css +++ b/css/services.css @@ -615,9 +615,15 @@ /* 추가 옵션 */ .options-grid { display: grid; - grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(2, 1fr); gap: var(--spacing-xl); margin-bottom: var(--spacing-2xl); + justify-items: center; +} + +.options-grid .option-card:nth-child(3) { + grid-column: 1 / -1; + max-width: 500px; } .option-card { @@ -902,7 +908,7 @@ .specs-list { display: grid; - grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(2, 1fr); gap: var(--spacing-sm); justify-items: center; } @@ -1420,7 +1426,21 @@ } .grid-3 { - grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(2, 1fr); +} + +.grid-4 { + grid-template-columns: repeat(4, 1fr); +} + +.grid-2-1 { + grid-template-columns: repeat(2, 1fr); +} + +.grid-2-1 .card:nth-child(3) { + grid-column: 1 / -1; + max-width: 600px; + margin: 0 auto; } .card { @@ -1515,11 +1535,17 @@ } .grid-2, - .grid-3 { + .grid-3, + .grid-4, + .grid-2-1 { grid-template-columns: 1fr; gap: var(--spacing-lg); } + .grid-2-1 .card:nth-child(3) { + max-width: none; + } + .card { margin-bottom: var(--spacing-lg); padding: var(--spacing-xl); diff --git a/index_new.html b/index_new.html index ed3daf6..7c85c2d 100644 --- a/index_new.html +++ b/index_new.html @@ -61,7 +61,7 @@

왜 밍글 스튜디오인가?

최고의 장비와 전문성으로 여러분의 프로젝트를 지원합니다

-
+
🎬

최첨단 OptiTrack 시스템