fix: css padding box and text overflow with different dimensions

src/global.css

@@ -24,7 +24,7 @@ hr {
     border: 1px solid var(--color-gray-500);
     background-color: var(--color-gray-800);
     border-radius: 5px;
-    padding: 0.6vw;
+    padding: 0.8vw;
     transition: 0.2s;
     line-height: 1.3vw;
 }

src/index.html

@@ -10,7 +10,7 @@ title: Blog Posts
         <li class="py-2">
             <a href="{{ post.url | url }}" class="postbtn">
                 <div class="blogbox">
-                    <h2 class="text-gray-200">{{ post.data.title }}</h2>
+                    <h2 class="text-gray-200 text-base">{{ post.data.title }}</h2>
                     <p class="text-gray-500 text-xs">{{ post.date }}</p>
                     <p id="preview" class="text-gray-400">{{ post.data.desc }}</p>
                 </div>