Use a flex box!

2017-05-03 08:07:44 -07:00 · 2017-05-03 08:07:44 -07:00 · a74076df11
commit a74076df11
parent 33b34dd8b9
2 changed files with 8 additions and 3 deletions
--- a/root/index.html
+++ b/root/index.html
@ -6,7 +6,7 @@
  <title>Home &mdash; Eryn Wells</title>
 </head>
 <body>
-<div class="container">
+<main>
  <header id="masthead">
    <h1>Eryn Wells</h1>

@ -23,6 +23,6 @@
    <a href="./key.html">Key</a>
    <a href="./resume.html">Résumé</a>
  </div>
-</div>
+</main>
 </body>
 </html>
--- a/root/styles/main.css
+++ b/root/styles/main.css
@ -1,4 +1,3 @@
-@import url(./bootstrap/bootstrap.min.css);
@import url(https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);

 html,
@ -15,6 +14,12 @@ body, h1, h2, h3, h4, h5, h6 {
    background-color: white;
 }

+body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 #masthead {
 }