[Blog] [Ajay]: Fix responsiveness

Author: Ajay kumar

TestArena/Blog/Common/BlogContainer.razor

@@ -10,8 +10,7 @@
 
 <style>
     .content-wrapper {
-        width: 70%; /* Leaves 20% space on left and right */
-        padding: 20px;
+        width: 80%; /* Leaves 20% space on left and right */
         background: white;
     }
 

TestArena/Blog/Common/Header.razor

@@ -23,22 +23,3 @@
     <h1 class="fw-bold">@Title</h1>
     <img src="@Image" alt="Article Banner" height="200" width="auto" class="img-fluid rounded mx-auto d-block my-3">
 </header>
-
-@* <div class="row"> *@
-@*     <div class="col-md-12"> *@
-@*         <h1>@Title</h1> *@
-@*     </div> *@
-@* </div> *@
-@* <div class="row"> *@
-@*     <div class="col-md-12"> *@
-@*         <img height="500px" width="500px"  src="@Image" alt="PactNet introduction in dotnet"/> *@
-@*     </div> *@
-@* </div> *@
-@* @if (!string.IsNullOrEmpty(Description)) *@
-@* { *@
-@*     <div class="row"> *@
-@*         <div class="col-md-12"> *@
-@*             <p>@Description</p> *@
-@*         </div> *@
-@*     </div> *@
-@* } *@

TestArena/Blog/Common/Section.razor

@@ -8,7 +8,8 @@
 
 <section>
     @{
-        switch(Level){
+        switch (Level)
+        {
             case 1:
                 <h1>@Heading</h1>
                 break;

TestArena/Blog/PactNet/Intro/Index.razor

@@ -3,7 +3,7 @@
 
 <BlogContainer>
     <Header Title="Intro to PACT for .NET Core: API contract testing"
-        Image="/images/blog/pact/intro/contract_test_intro.webp"></Header>
+            Image="/images/blog/pact/intro/header_landscape.png"/>
     <Summary/>
     <BuildStepDetection />
     <HowToSteps />