Moved index page to markdown formatting (which contains just html) and moved it's styling to the global styles.css

1 files changed, 22 insertions, 0 deletions

diff --git a/src/styles.css b/src/styles.css
index 7a7e6ec..6fd2e3c 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -225,6 +225,28 @@ article {
   font-style: italic;
 }
 
+/* Index page styling */
+
+@media screen and (min-width: 610px) {
+  #index-page {
+    margin-bottom: 10px;
+  }
+
+  #index-contents {
+    display: flex;
+    align-items: center;
+    justify-content: center;	
+  }
+
+  #index-contents-text {
+    margin-left: 15px; 
+  }
+
+  #index-contents-img, #index-contents-text {
+    max-width: 49%;
+  }
+}
+
 /* The following CSS is a modified version of sindresorhus's github-markdown-css repo: https://github.com/sindresorhus/github-markdown-css */
 
 code,