Added new styles for blog entries cards in home-page.scss

Author: Prince-Tagadiya

webpack/sass/home-page.scss

@@ -171,15 +171,34 @@
   }
 }
 
+// Card styling within the blog entries section
+.card.entry-post.horizontal {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 30px;
+  border-radius: 25px;
+  background-color: #FFFFFF;
+  padding: 20px; /* Adjust padding as needed */
+  margin-top: 2rem;
+  
+  // Image styling inside the card
+  .blog-image {
+    width: auto;
+    height: 8rem;
+    margin-top: -3rem;
+  }
+}
+
 .blog-entries {
   .column {
     border-bottom: 0.1875rem solid $color-light-gray;
   }
-  /* last row, irrespective of the number of elements */
-  .column:nth-last-child(-n + 3):nth-child(3n + 1), /* first element of the last row */
+    /* last row, irrespective of the number of elements */
+    .column:nth-last-child(-n + 3):nth-child(3n + 1), /* first element of the last row */
     .column:nth-last-child(-n + 3):nth-child(3n + 1) ~ .column /* all its following elements */ {
-    border-bottom: none;
-  }
+      border-bottom: none;
+    }
 
   .blog-entry {
     @extend .padding-vertical-larger;