From 4cc72fcabc87c2d0241f1f2b107bc8a7b7d12fee Mon Sep 17 00:00:00 2001
From: Xevion <ryanchwalters@gmail.com>
Date: Fri, 25 Nov 2022 01:31:52 -0600
Subject: [PATCH] Adjust text spacing for text on mobile viewports

---
 src/components/Post.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/Post.tsx b/src/components/Post.tsx
index 1f22378..2649320 100644
--- a/src/components/Post.tsx
+++ b/src/components/Post.tsx
@@ -1,9 +1,9 @@
 const Post = () => {
   return (
     <>
-      <div className="m-5 p-5 w-[90%]">
+      <div className="m-5 md:m-8 md:mt-5 w-[90%]">
         <div className="mb-5">
-          <h2 className="text-4xl pb-1 tracking-wide font-semibold drop-shadow-xl">
+          <h2 className="text-3xl md:text-4xl pb-1 tracking-wide font-semibold drop-shadow-xl">
             Grain
           </h2>
           <span className="pl-1 py-1 text-zinc-500">
@@ -17,11 +17,10 @@ const Post = () => {
             </a>
           </span>
         </div>
-        <h4 className="text-xl font-semibold">What?</h4>
         <div className="space-y-2">
-          <p>
+          <p className="semibold-children">
             A small experiment on creating beautiful, dynamic backgrounds with
-            colorful gradients & film grain.
+            colorful gradients & film grain. Built in <b>React</b> & <b>Vite</b> with <b>SVGs</b> and layers of <b>Radial Gradients</b>.
           </p>
         </div>
       </div>