feat: added iconography for all specs

Author: Kapil Gowru

fern/assets/styles.css

@@ -808,7 +808,8 @@ a[href*="changelog"] svg {
     gap: 0.5rem;
     padding: 0.5rem;
     border-radius: 0.5rem;
-
+    text-decoration: none !important;
+    
     img {
       width: 2rem;
       height: 2rem;
@@ -839,7 +840,7 @@ a[href*="changelog"] svg {
     padding: 3rem 2rem;
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 2rem;
   }
 
   .help-buttons {
@@ -969,6 +970,27 @@ a[href*="changelog"] svg {
 
     .community-section {
       padding: 2rem 1rem;
+
+      &.specs {
+        flex-direction: column;
+        align-items: flex-start;
+      }
+    }
+
+    .community-title-container {
+      &.specs {
+        margin-bottom: 2rem;
+      }
+    }
+
+    .specs-grid {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+
+    .specs-card {
+      padding-left: 0;
+      padding-right: 0;
     }
 
     .community-grid {

fern/products/home/pages/welcome.mdx

@@ -226,7 +226,7 @@ import { FernFooter } from "../../../components/FernFooter";
           <img className="m-0 dark:hidden" src="./images/openapi-light.svg" alt="Github Preview" noZoom/>
           <img className="m-0 hidden dark:block" src="./images/openapi-dark.svg" alt="Github Preview" noZoom />
 
-          <h3 className="community-card-title">OpenAPI</h3>
+          <p className="community-card-title">OpenAPI</p>
         </a>
         <a className="specs-card" href="/api-definitions/asyncapi/overview">
           <img className="m-0 dark:hidden" src="./images/asyncapi-light.svg" alt="Github Preview" noZoom/>