feat: add minimal styling

martin-martin · May 24, 2018 · dbfaff5 · dbfaff5
1 parent a45e43d
commit dbfaff5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
     <!-- ########### TODO ########### -->
     <!-- enter your name in the title -->
     <title>___________'s Homepage</title>
+    <link rel="stylesheet" type="text/css" href="style.css">
 </head>
 <body>
     <!-- <nav> contains links that will allow us to navigate on the page -->
@@ -17,7 +18,7 @@
         <!-- enter your name also in the header -->
         <h1>Personal Page of ___________</h1>
     </header>
-    <section>
+    <section class="introduction">
         <!-- ############################ TODO ############################ -->
         <!-- replace with the URL to your personal image. see instructions. -->
         <img src="url/to/your/image" alt="a pretty photo of myself">

diff --git a/style.css b/style.css
@@ -0,0 +1,19 @@
+body {
+    max-width: 1200px;
+    margin: auto;
+}
+
+nav,
+footer,
+.introduction {
+    display: flex;
+    justify-content: space-evenly;
+}
+
+img {
+    flex-basis: 20%;
+}
+
+h1 {
+    text-align: center;
+}