From 407526719a0d8eb99bf3513d31e38e464a9e403b Mon Sep 17 00:00:00 2001
From: 1ilsang <1ilsang@naver.com>
Date: Wed, 27 Mar 2024 16:22:15 +0900
Subject: [PATCH] chore(css): Remove large desktop media

---
 src/features/styles/_utils.scss           | 9 ++-------
 src/features/styles/_variables.scss       | 1 -
 src/features/styles/ui/about/index.scss   | 5 -----
 src/features/styles/ui/about/project.scss | 4 ----
 src/features/styles/ui/posts/common.scss  | 5 -----
 5 files changed, 2 insertions(+), 22 deletions(-)

diff --git a/src/features/styles/_utils.scss b/src/features/styles/_utils.scss
index b722017e..59b3d001 100644
--- a/src/features/styles/_utils.scss
+++ b/src/features/styles/_utils.scss
@@ -5,7 +5,8 @@
 @mixin root-container {
   height: auto;
   min-height: 100%;
-  margin: 0 10vw;
+  margin: auto;
+  max-width: 750px;
   padding: 10vh 0;
 }
 
@@ -27,12 +28,6 @@
   }
 }
 
-@mixin large-desktop {
-  @media (min-width: $large-desktop) {
-    @content;
-  }
-}
-
 @mixin i-mac {
   @media (min-width: $i-mac) {
     @content;
diff --git a/src/features/styles/_variables.scss b/src/features/styles/_variables.scss
index 92f3172d..b4305249 100644
--- a/src/features/styles/_variables.scss
+++ b/src/features/styles/_variables.scss
@@ -3,7 +3,6 @@ $min-tablet: $mobile + 1;
 $tablet: 1023px;
 $min-desktop: 1024px;
 $desktop: 1399px;
-$large-desktop: 1400px;
 $i-mac: 2400px;
 $max-height: 8000px;
 $highlight-color: #30ffcb;
diff --git a/src/features/styles/ui/about/index.scss b/src/features/styles/ui/about/index.scss
index d2c5eb47..70cae28f 100644
--- a/src/features/styles/ui/about/index.scss
+++ b/src/features/styles/ui/about/index.scss
@@ -22,11 +22,6 @@
 
   &-container {
     @include root-container;
-
-    @include large-desktop {
-      margin: 0 22vw;
-      padding: 10vh 0 5vh;
-    }
   }
 
   &-profile {
diff --git a/src/features/styles/ui/about/project.scss b/src/features/styles/ui/about/project.scss
index 273e4781..af9a634f 100644
--- a/src/features/styles/ui/about/project.scss
+++ b/src/features/styles/ui/about/project.scss
@@ -71,10 +71,6 @@
 
     .image {
       width: 100%;
-
-      @include large-desktop {
-        width: 700px;
-      }
     }
 
     .text {
diff --git a/src/features/styles/ui/posts/common.scss b/src/features/styles/ui/posts/common.scss
index a3620705..7be1418a 100644
--- a/src/features/styles/ui/posts/common.scss
+++ b/src/features/styles/ui/posts/common.scss
@@ -5,11 +5,6 @@
 
 .post-container {
   @include root-container;
-
-  @include large-desktop {
-    margin: auto;
-    max-width: 750px;
-  }
 }
 
 .post-nav-trans {