Remove some spacing to be a bit more compact

Author: linkdotnet

src/LinkDotNet.Blog.Web/Features/Home/Components/MainLayout.razor

@@ -5,7 +5,7 @@
 <div class="position-relative min-vh-100">
     <NavMenu/>
 
-    <main class="py-5">
+    <main class="py-3">
         @Body
     </main>
     <Footer></Footer>

src/LinkDotNet.Blog.Web/Features/Home/Index.razor

@@ -14,14 +14,14 @@
 <OgData Title="@(Markdown.ToPlainText(AppConfiguration.BlogName))"
         AbsolutePreviewImageUrl="@ImageUrl"
         Description="@(Markdown.ToPlainText(AppConfiguration.Introduction.Description))"></OgData>
-<section class="introduction">
+<section>
     <IntroductionCard></IntroductionCard>
 </section>
 
 <section>
     <header>
-        <div class="recent-posts">
-            <h1>Recent Posts</h1>
+        <div class="text-center pt-2">
+            <h1 class="m-auto align-middle pt-4 pb-3">Recent Posts</h1>
         </div>
     </header>
     <div class="content px-4 my-2">

src/LinkDotNet.Blog.Web/Features/Home/Index.razor.css

@@ -6,12 +6,4 @@
 .recent-posts {
     text-align:center;
     padding-top: 10px;
-}
-
-.recent-posts h1 {
-    font-size: 2.5em;
-    vertical-align:middle;
-    margin: auto;
-    padding-top: 75px;
-    padding-bottom: 20px;
 }