fix(app-blog-featured): fixed alignment and text positioning

Author: PaulPaulDevelops

src/components/app-blog-featured/app-blog-featured.scss

@@ -1,7 +1,7 @@
 .blog-featured {
 
   .container {
-    padding: 2.5rem;
+    min-width: 90%;
     margin-bottom: 2rem;
 
     @include media-breakpoint-down(sm) {
@@ -25,16 +25,17 @@
   .featured-image {
     border-collapse: separate;
     display: flex;
-    height: 100%;
-    width: 100%;
+    justify-content: center;
+    text-align: center;
 
     img {
+      height: 75%;
+      width: 75%;
+
       @include media-breakpoint-up(sm) {
         border-radius: 15px;
-        height: 100%;
         margin-top: 2rem;
         object-fit: cover;
-        width: 100%;
       }
     }
   }

src/components/app-blog-featured/app-blog-featured.tsx

@@ -18,22 +18,19 @@ export class AppBlogFeatured {
     return (
       <div class="blog-featured">
         <div class="container">
-          <div class="row">
-            <div class="col-12 featured-title">
-              <h4>What's New in Our Blog</h4>
-                <stencil-route-link url={`/blog/${this.blogPost.slug}`}>
-                  <h2>{this.blogPost.title}</h2>
-                </stencil-route-link>
-            </div>
-          </div>
-
           <div class="row">
             <div class="col-md-6 order-md-2 featured-image">
               <stencil-route-link url={`/blog/${this.blogPost.slug}`}>
                 <img src={this.blogPost.featured_image} />
               </stencil-route-link>
             </div>
-            <div class="col-md-6 order-md-1 info ">
+            <div class="col-md-6 order-md-1">
+              <div class="featured-title">
+                <h4>What's New in Our Blog</h4>
+                  <stencil-route-link url={`/blog/${this.blogPost.slug}`}>
+                    <h2>{this.blogPost.title}</h2>
+                  </stencil-route-link>
+              </div>
               <div class="summary">{this.blogPost.summary}</div>
               <p class="date">{formatDate(publishDate)}</p>
               <div class="author">