[Blog] [Ajay]: Fix footer

Author: Ajay kumar

TestArena/Blog/Common/Header.razor

@@ -5,7 +5,7 @@
     [Required][Parameter] public string Image { get; set; }
     [Required][Parameter] public DateTime PublishedOn { get; set; }
     [Required][Parameter] public string Authors { get; set; }
-    [Parameter] public string Description { get; set; }
+    [Parameter] public string Description { get; set; } = "";
 }
 
 <style>

TestArena/Blog/PactNet/handling-events/Index.razor

@@ -36,7 +36,6 @@
     <GithubGistSnippet Title="Student created event listener in Result service" UserId="ajaysskumar" FileName="5265e3d73d242bbdecc0b162fd4ba4b9" />
 
     <p>For example, it may store student details in the Result service to avoid direct dependency on the Student service while preparing results.</p>
-    <BlogImage Src="/images/blog/pact/student-event-listener.jpg" Alt="Student created event listener in Result service" />
 </Section>
 
 <Section Heading="Contract Testing with PACT" Level="4">

TestArena/Layout/FooterComponent.razor

@@ -1,29 +1,26 @@
-@* Footer.razor *@
-<footer class="bg-dark text-white py-4 fixed-bottom">
+<footer class="bg-dark text-white py-4 mt-auto">
     <div class="container-fluid">
-        <div class="container-fluid">
-            <div class="row align-items-center">
-                <!-- Logo on the left -->
-                <div class="col-12 col-md-4 d-flex justify-content-md-start justify-content-center">
-                    <p class="mb-0">Copyright © @DateTime.Now.Year Dev Arena</p>
-                </div>
+        <div class="row align-items-center">
+            <!-- Logo on the left -->
+            <div class="col-12 col-md-4 d-flex justify-content-md-start justify-content-center">
+                <p class="mb-0">Copyright © @DateTime.Now.Year Dev Arena</p>
+            </div>
 
-                <!-- Settings button on the right -->
-                <div class="col-12 col-md-8 d-flex justify-content-md-end justify-content-center mt-2 mt-md-0">
-                    @* <a href="https://twitter.com/yourprofile" class="text-white me-3" target="_blank">
+            <!-- Settings button on the right -->
+            <div class="col-12 col-md-8 d-flex justify-content-md-end justify-content-center mt-2 mt-md-0">
+                @* <a href="https://twitter.com/yourprofile" class="text-white me-3" target="_blank">
                         <i class="bi bi-twitter"></i>
                     </a> *@
-                    <a href="https://github.com/ajaysskumar" class="text-white me-3" target="_blank">
-                        <i class="bi bi-github"></i>
-                    </a>
-                    <a href="https://www.linkedin.com/in/ajaykumar1807" class="text-white me-3" target="_blank">
-                        <i class="bi bi-linkedin"></i>
-                    </a>
-                    @* <a href="https://instagram.com/yourprofile" class="text-white me-3" target="_blank">
+                <a href="https://github.com/ajaysskumar" class="text-white me-3" target="_blank">
+                    <i class="bi bi-github"></i>
+                </a>
+                <a href="https://www.linkedin.com/in/ajaykumar1807" class="text-white me-3" target="_blank">
+                    <i class="bi bi-linkedin"></i>
+                </a>
+                @* <a href="https://instagram.com/yourprofile" class="text-white me-3" target="_blank">
                         <i class="bi bi-instagram"></i>
                     </a> *@
-                </div>
             </div>
         </div>
     </div>
-</footer>
+</footer>

TestArena/Layout/MainLayout.razor

@@ -1,14 +1,8 @@
 @inherits LayoutComponentBase
-@using TestArena.Layout
-
-<div class="page">
-    @* <div class="sidebar">
-        <NavMenu/>
-    </div> *@
-
-    <main>
-        <HeaderComponent />
 
+<div class="page ">
+    <main class="d-flex flex-column min-vh-100">
+        <HeaderComponent/>
         <article class="content px-4">
             @Body
         </article>