Edit: 전체 레이아웃 모바일 형으로 수정

seungminRyu · Jul 28, 2021 · 1276f74 · 1276f74
1 parent 88192a0
commit 1276f74
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/css/productDetail.css b/css/productDetail.css
@@ -44,6 +44,7 @@
   height: 200px;
   background-color: white;
   border-radius: 24px;
+  cursor: pointer;
   margin-top: 16px;
 }
 

diff --git a/css/style.css b/css/style.css
@@ -1,19 +1,22 @@
 @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@700;800&display=swap');
 
 body {
-  width: 100vw;
+  width: 100%;
   height: 100vh;
   overflow: hidden;
-  background: linear-gradient(45deg, #e6faff 5%, #52c7e3);
+  background-color: #e4e4e4;
   font-family: 'Nanum Gothic', 'Noto Sans KR', sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
     Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 main {
-  width: 100%;
+  position: relative;
+  max-width: 512px;
   height: 100%;
+  background: linear-gradient(45deg, #e6faff 5%, #52c7e3);
   box-sizing: border-box;
   padding: 40px 30px;
+  margin: 0 auto;
 }
 
 .btn-wrapper {
@@ -39,6 +42,7 @@ main {
   padding: 18px 0;
   outline: none;
   transition: 0.1s;
+  cursor: pointer;
 }
 
 .btn-active {