diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 72bb251a..67394cc5 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -28,10 +28,11 @@
             </h1>
           </div>
 
-          <div class="w-full grid grid-cols-1 sm:grid-cols-3 sm:gap-5">
+          <div class="w-full grid grid-cols-1 sm:grid-cols-3 gap-y-5 sm:gap-y-0 sm:gap-5">
             {#if allBlogPosts?.length !== 0}
               {#each allBlogPosts as item}
                 <div
+
                   class="flex flex-col overflow-hidden rounded-lg shadow-lg sm:hover:shadow-2xl border border-gray-600"
                 >
                   <div class="flex-shrink-0">
@@ -49,13 +50,13 @@
                     >
                   </div>
                   <div
-                    class="flex flex-1 flex-col justify-between bg-table p-4 xs:p-5 sm:p-6"
+                    class="flex flex-1 flex-col justify-between bg-table p-4 sm:p-6"
                   >
                     <div class="flex-1">
                       <a
                         href={"/blog/article/" + convertToSlug(item?.title)}
                         class="mt-2 block"
-                        ><h2 class="text-xl font-semibold text-white">
+                        ><h2 class="text-lg sm:text-xl font-semibold text-white">
                           {item?.title}
                         </h2>
                         <p class="mt-3 text-sm text-white">
diff --git a/src/routes/blog/article/[slug]/+page.svelte b/src/routes/blog/article/[slug]/+page.svelte
index 749e1c06..01c95f47 100644
--- a/src/routes/blog/article/[slug]/+page.svelte
+++ b/src/routes/blog/article/[slug]/+page.svelte
@@ -1,8 +1,6 @@
 <script>
-  import { numberOfUnreadNotification } from "$lib/store";
   import { getImageURL } from "$lib/utils";
   import SEO from "$lib/components/SEO.svelte";
-
   export let data;
 
   const article = data?.getArticle;
@@ -27,11 +25,11 @@
         <article
           class="z-5 relative mx-1 -mt-10 rounded-t-md bg-default p-3 xs:p-4 lg:-mt-16 lg:ml-3 lg:p-5 xl:mx-4"
         >
-          <header class="pb-3 border-b-[2px] border-white">
-            <h1 class="mb-3 text-3xl font-bold text-white md:text-4xl">
+          <header class="pb-3 border-b-[2px] border-white w-full sm:min-w-[850px] sm:max-w-[850px]">
+            <h1 class="mb-3 text-2xl sm:text-3xl font-bold text-white md:text-4xl ">
               {article?.title}
             </h1>
-            <div class="text-base text-muted">
+            <div class="text-white">
               <div>
                 Last Updated: {new Date(article?.updated)?.toLocaleString(
                   "en-US",
@@ -44,11 +42,17 @@
                 )}
               </div>
             </div>
+          
           </header>
 
           <div class="text-lg mt-4">
             <div class="content">
+              
               {@html article?.description}
+
+            
+
+    
             </div>
           </div>
         </article>
diff --git a/src/routes/learning-center/+page.svelte b/src/routes/learning-center/+page.svelte
index 9cb84970..e83c8af8 100644
--- a/src/routes/learning-center/+page.svelte
+++ b/src/routes/learning-center/+page.svelte
@@ -27,7 +27,8 @@
             </h1>
           </div>
 
-          <div class="w-full grid grid-cols-1 sm:grid-cols-3 sm:gap-5">
+          <div class="w-full grid grid-cols-1 sm:grid-cols-3 gap-y-5 sm:gap-y-0 sm:gap-5">
+
             {#if allBlogPosts?.length !== 0}
               {#each allBlogPosts as item}
                 <div
@@ -48,13 +49,13 @@
                     >
                   </div>
                   <div
-                    class="flex flex-1 flex-col justify-between bg-table p-4 xs:p-5 sm:p-6"
+                    class="flex flex-1 flex-col justify-between bg-table p-3 sm:p-6"
                   >
                     <div class="flex-1">
                       <a
                         href={"/learning-center/article/" + convertToSlug(item?.title)}
                         class="block"
-                        ><h2 class="text-xl font-semibold text-white">
+                        ><h2 class="text-lg sm:text-xl font-semibold text-white">
                           {item?.title}
                         </h2>
                         <p class="mt-3 text-sm text-white">