[Design] Add footer

2020-01-21 02:00:40 +05:30
parent a721c40bf8
commit ed9c40eefd
2 changed files with 26 additions and 1 deletions
--- a/scss/index.scss
+++ b/scss/index.scss
@@ -44,8 +44,11 @@ body {
 		background-image: linear-gradient(#26a4c4, #afdde9);
 		min-height: 30vh;
 		.wrapper {
-			align-items: flex-start;
+			align-items: center;
+			justify-content: space-between;
+			flex-direction: column;
 			padding-top: 3em;
+			height: 100%;
 			.content {
 				display: flex;
 				width: 100%;
@@ -65,6 +68,22 @@ body {
 					color: #FFF;
 				}
 			}
+			footer {
+				margin-top: 3em;
+				padding: 0 1em;
+				text-align: center;
+				color: #292929;
+				a {
+					color: #292929;
+					padding: 0.3em;
+					border-radius: 1.6em;
+				}
+				a:hover {
+					color: #FFF;
+					background-color: #000;
+					text-decoration: none;
+				}
+			}
 		}
 	}
 	.wrapper {