From b4652230b9a2e857202a04355bc48a8c20887e44 Mon Sep 17 00:00:00 2001
From: Ryan Freeman <N00173767@student.iadt.ie>
Date: Fri, 19 Nov 2021 22:06:59 +0000
Subject: [PATCH] Added bio paragraph

---
 pages/index.js          |  3 +++
 styles/Home.module.scss | 14 +++++++++++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index a132b76..313d06e 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -24,6 +24,9 @@ export default function Home({projectData}) {
                 <h1 className={styles.title}>
                     Ryan Freeman{' '}<span>Full Stack Developer</span>
                 </h1>
+                <p className={styles.bio}>
+                    I'm a computing graduate who builds cool things for the web.
+                </p>
                 <div className={styles.links}>
                     <a href="https://github.com/r-freeman">
                         <GitHub/>
diff --git a/styles/Home.module.scss b/styles/Home.module.scss
index 4da1ac3..19e4cc3 100644
--- a/styles/Home.module.scss
+++ b/styles/Home.module.scss
@@ -19,7 +19,6 @@
   margin-top: 1rem;
 }
 
-
 .title {
   margin: 0;
   font-size: 2.5rem;
@@ -38,8 +37,13 @@
   color: grey;
 }
 
-.title, .description {
-  text-align: center;
+.bio {
+  font-size: 1rem;
+  line-height: 1.75;
+  max-width: 24rem;
+  @include lg {
+    max-width: 100%;
+  }
 }
 
 .description {
@@ -49,6 +53,10 @@
   line-height: 1.5;
 }
 
+.title, .description, .bio {
+  text-align: center;
+}
+
 .grid {
   display: flex;
   align-items: center;