upload

src/app/components/footer/index.css

@@ -13,7 +13,6 @@ footer {
 	font-size: 12px;
 
 	#link {
-		display: flex;
 	}
 
 	#note {

src/app/components/navbar/index.css

@@ -1,41 +1,49 @@
 nav {
 	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	align-content: center;
 	justify-content: space-between;
 	align-items: center;
 
-	padding: 14px 30px 14px 30px;
+	padding: 14px 30px;
 
 	background-color: #f5f5f5;
 
 	#logo img {
 		display: flex;
+		align-content: center;
+		justify-content: center;
 		align-items: center;
 
 		width: 60px;
 	}
 
 	#search {
 		display: flex;
+		align-content: center;
+		justify-content: center;
 		align-items: center;
 
 		input {
 			width: 310px;
 			height: 40px;
 
+			border: 2px solid black;
+			border-right-width: 0;
 			border-top-left-radius: 5px;
 			border-bottom-left-radius: 5px;
-
-			border-right-width: 0;
 		}
 		button {
 			width: 40px;
 			height: 40px;
 
 			background-color: #cdefff;
 
+			border: 2px solid black;
+			border-left-width: 1px;
 			border-top-right-radius: 5px;
 			border-bottom-right-radius: 5px;
-			border-left-width: 1px;
 
 			cursor: pointer;
 
@@ -47,7 +55,14 @@ nav {
 
 	#profile {
 		display: flex;
+		flex-direction: row;
+		align-content: center;
+		justify-content: center;
 		align-items: center;
+
+		svg {
+			margin: 0 auto;
+		}
 	}
 }
 

src/app/global.css

@@ -2,15 +2,34 @@
 
 
 
+*, *::before, *::after {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+
 body {
 	font-family: "Noto Sans KR", sans-serif;
 
 	input, textarea, button {
 		font-family: "Noto Sans KR", sans-serif;
 	}
 
-	.divider {
-		margin: 0 7px;
+
+	button {
+		background: none;
+		color: inherit;
+		border: none;
+		cursor: pointer;
+		outline: inherit;
+	}
+
+	li {
+		list-style: none;
+	}
+
+	input:focus {
+		outline: none;
 	}
 
 	input[type="number"] {
@@ -20,10 +39,8 @@ body {
 			margin: 0;
 		}
 	}
-}
 
-* {
-	margin: 0;
-	padding: 0;
-	box-sizing: border-box;
+	.divider {
+		margin: 0 7px;
+	}
 }

src/app/login/page.css

@@ -1,6 +1,8 @@
 main#login {
 	display: flex;
 	flex-direction: column;
+	flex-wrap: nowrap;
+	align-content: center;
 	justify-content: center;
 	align-items: center;
 

src/app/page.css

@@ -1,17 +1,18 @@
 main#main {
 	display: flex;
 	flex-direction: row;
+	flex-wrap: center;
+	align-content: center;
 	justify-content: center;
+	align-items: center;
 
 	margin-top: 10px;
 
-	min-width: 600px;
-
 	#content {
 		width: 520px;
 		height: 300px;
 
-		padding: 10px 20px 0 0;
+		padding: 10px 10px 0 0;
 
 		#next-time {
 			padding: 10px;
@@ -31,6 +32,7 @@ main#main {
 
 			#icon {
 				display: flex;
+				align-content: center;
 				justify-content: center;
 				align-items: center;
 
@@ -46,11 +48,10 @@ main#main {
 	}
 
 	aside {
-		padding-top: 10px;
-		padding-left: 10px;
-
 		width: 220px;
 		height: 300px;
+
+		padding: 10px 0 0 10px;
 
 		#hat {
 			padding: 10px;

src/app/privacy/page.css

@@ -1,8 +1,10 @@
 main#privacy {
 	display: flex;
 	flex-direction: row;
-	align-items: center;
+	flex-wrap: nowrap;
+	align-content: center;
 	justify-content: center;
+	align-items: center;
 
 	h1 {
 		margin: 20px 0;

src/app/register/page.css

@@ -1,6 +1,8 @@
 main#register {
 	display: flex;
 	flex-direction: column;
+	flex-wrap: nowrap;
+	align-content: center;
 	justify-content: center;
 	align-items: center;