fix: adjust css to center content correctly

Reference: https://stackoverflow.com/questions/19026884/flexbox-center-horizontally-and-vertically Closes #2
brandonroberts · Mar 15, 2019 · 805812d · 805812d
1 parent 6ff259f
commit 805812d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/app/core/components/layout/layout.component.ts b/src/app/core/components/layout/layout.component.ts
@@ -59,7 +59,7 @@ import { map } from 'rxjs/operators';
 
     .content {
       display: flex;
-      justify-content: space-evenly;
+      justify-content: center;
       min-height: calc(100% - (63px));
     }
     

diff --git a/src/styles.scss b/src/styles.scss
@@ -65,12 +65,12 @@ h2 {
     font-weight: normal;
 }
 
-
-div.page {
-    width: 80%;
+app-post a {
+    color: #000;
+    text-decoration: underline;
 }
 
 div.about-page .pic {
     display: flex;
-    justify-content: space-around;
+    justify-content: center;
 }