Change css to mobile-first

Author: junekimdev

components/mainFrame/mainFrame.module.scss

@@ -14,6 +14,8 @@
   --navbar-width: 48px;
   width: 100%;
   min-height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 .navbarVertical {
@@ -40,10 +42,16 @@
 }
 
 .mainFrame {
-  width: calc(100% - var(--navbar-width));
-  min-height: 100vh;
-  margin-left: var(--navbar-width);
+  width: 100%;
+  flex-grow: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
+
+  @include theme.pc {
+    width: calc(100% - var(--navbar-width));
+    min-height: 100vh;
+    margin-left: var(--navbar-width);
+  }
 }
+