[Blog] [Ajay]: Improve styling

Author: Ajay kumar

TestArena/Blog/Common/BlogImage.razor

@@ -41,7 +41,7 @@
 
 <div class="row image-header">
     <figure class="text-center">
-        <img src="@ImagePath" class="img-fluid rounded mx-auto d-block my-3" width="800" alt="@Description">
+        <img src="@ImagePath" class="img-fluid rounded mx-auto d-block my-3 border border-2 border-success" width="800" alt="@Description">
         <figcaption class="figure-caption">
             <strong>Figure @(Number > 0 ? Number.ToString() : string.Empty) :</strong> @Description
         </figcaption>

TestArena/Blog/PactNet/Intro/HowToSteps.razor

@@ -17,5 +17,8 @@
         <p>Student service exposes below API:</p>
         <BlogImage ImagePath="/images/blog/pact/intro/Student by Id API.webp"
                    Description="Student by Id API" Number="5" />
+        <p>I had the solution structure as below.</p>
+        <BlogImage ImagePath="/images/blog/pact/intro/project structure.webp" Description="Project structure"
+                   Number="1"/>
     </ChildContent>
 </Section>

TestArena/Blog/PactNet/Intro/Index.razor

@@ -10,6 +10,7 @@
 
     <Section Heading="Consumer side tests:">
         <ChildContent>
+            
             <p>The very first step is to create a unit test file and initialize pact builder as shown below</p>
             <GithubGistSnippet Title="Pact Builder Setup" UserId="ajaysskumar" FileName="c45d40c48ea2a3e2c81719e41df6f882"/>
         </ChildContent>

TestArena/Blog/PactNet/Intro/Summary.razor

@@ -20,8 +20,8 @@
             which is show in images below.</p>
 
         <BlogImage ImagePath="/images/blog/pact/intro/diagram-1-success-case.webp" Description="Success case"
-            Number="1">
-        </BlogImage>
+                   Number="1"/>
+        
 
         <p>In diagram above, a success scenario is shown in a schema based contract testing. All the tests are success as the expected fields by all the clients are available in provider’s schema.</p>