enhancement/RECODE01#6/mypage My Page Mock up

joogle-ay · Jul 2, 2022 · fd44751 · fd44751
1 parent 4c49b63
commit fd44751
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 8 deletions.
diff --git a/src/component/unit/mypage/mypage.mockup.html b/src/component/unit/mypage/mypage.mockup.html
@@ -0,0 +1,19 @@
+<!-- 목업작업 -->
+<!-- 코딩 완료되면 삭제할 페이지 -->
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mypage Mock Up</title>
+    <link rel="stylesheet" href="./mypage.style.css">
+</head>
+<body>
+    <div class="container">
+        <div class="wrapper">
+
+        </div>
+    </div>
+</body>
+</html>
diff --git a/src/component/unit/mypage/mypage.style.css b/src/component/unit/mypage/mypage.style.css
@@ -1,10 +1,14 @@
-.test {
-  width: 100vw;
-  height: 100vh;
-  background-color: aqua;
+.container {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
 }
 
-.test > p {
-  color: brown;
-  font-size: 50px;
-}
+.wrapper {
+  width: 100%;
+  max-width: 640px;
+  min-height: 100vh;
+  background: #f4f4f4;
+
+}