Made homepage more mobile-friendly

Adjusted font size and converted me equation from column to 2 rows.

layouts/partials/about.html

@@ -1,9 +1,9 @@
 <div id="about">
 <!-- <h1 class="headline">About</h1> -->
-<h1>Welcome to my site!</h1>
+<h1>Hello there!</h1>
 <p>
-  I'm Kevin Mok, a 2<sup>nd</sup> year Computer Science student at the University of Toronto.
-  I'm interested in all things Linux-related and 
+  Welcome to my site. I'm Kevin Mok - a 2<sup>nd</sup> year Computer Science
+  student at the University of Toronto, and I'm interested in all things Linux-related and 
   <a href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
     target="_blank">FOSS/FLOSS</a>.
 </p>

layouts/partials/me-equation.html

@@ -1,11 +1,19 @@
 <div class="me-equation">
-  <a href="https://www.gnu.org/" target="_blank">
-    <img src="{{ "img/gnu.svg" | relURL }}" id="gnu" alt="gnu-logo">
-  </a>
-  <p>+</p>
+  <div class="equation-part">
+    <a href="https://www.gnu.org/" target="_blank">
+      <img src="{{ "img/gnu.svg" | relURL }}" id="gnu" alt="gnu-logo">
+    </a>
+    <p>+</p>
+  </div>
+  <div class="equation-part">
   <img src="{{ "img/linux-icon.svg" | relURL }}" alt="linux-logo">
   <p>+</p>
+  </div>
+  <div class="equation-part" id="uoft-part">
   <img src="{{ "img/uoft-logo.svg" | relURL }}" alt="uoft-logo">
   <p>=</p>
-  <img src="{{ "img/hexatar.png" | relURL }}" alt="my-avatar">
+  </div>
+  <div class="equation-part">
+  <img src="{{ "img/hexatar.png" | relURL }}" id="hexatar" alt="my-avatar">
+  </div>
 </div>