From 8eda99ae06ef1a9df047ce1a20ec26b62cb8ca05 Mon Sep 17 00:00:00 2001
From: Keyemail <hatsunepatrick@gmail.com>
Date: Fri, 3 May 2024 11:43:07 -0700
Subject: [PATCH] Adding Comments!

---
 src/views/HomePage.vue | 44 ++++++++++++++++++++++++++++++++----------
 1 file changed, 34 insertions(+), 10 deletions(-)

diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index 83df967..69d1f83 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -5,9 +5,14 @@
     </a> 
     <h1>Keyemail</h1>
   </header>
-  <div class="intro">
-    <h1>Hi, I'm Keyemail or Patrick.</h1>
-    <p>I specialize in IT and web development-related stuff, but I also love doing a variety of different hobbies such as Flight Simulator, or learning Japanese. I daily run an Arch Linux machine as my main system and support Linux in every way. I'm glad to meet you! </p>
+  <div class="section-row">
+    <div class="intro">
+      <h1>Hi, I'm Keyemail or Patrick.</h1>
+      <p>I specialize in IT and web development-related stuff, but I also love doing a variety of different hobbies such as Flight Simulator, or learning Japanese. I daily run an Arch Linux machine as my main system and support Linux in every way. I'm glad to meet you! </p>
+    </div>
+    <article>
+      <h1>Comments!</h1> 
+    </article>
   </div>
 </template>
 
@@ -52,31 +57,50 @@ header h1 {
   background-color: #afb5c8
 }
 
+.section-row {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
 .intro {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  align-items: center;
   margin: 90px 0;
-  width: 100%;
+  width: 750px;
   color: white;
   font-family: 'Rubik', sans-serif;
 }
 
 .intro h1 {
-  font-size: 4rem;
+  font-size: 3.5rem;
   font-weight: 500;
-  text-align: center;
+  text-align: left;
 }
 
 .intro p {
   margin-top: 15px;
-  font-size: 2rem;
+  font-size: 1.8rem;
   font-weight: 400;
-  text-align: center;
+  text-align: left;
   max-width: 1200px;
 }
 
+article {
+ background-color: #101a30;
+ height: 250px;
+ width: 430px;
+ margin: 90px 0;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+article h1 {
+  font-size: 1.5rem;
+  color: white;
+  font-family: 'Rubik', sans-serif;
+}
+
 @media screen and (max-width: 450px){
   header {
     flex-direction: column;