Changes for docs home page card layout

Reduced padding to make text compatible

Some amendments ; bg removed

Buttons left aligned

Grid is more suitable for context

added a wrapper div with flex

Author: Gauravpadam

assets/scss/_custom.scss

@@ -317,21 +317,64 @@ footer {
 /* DOCS */
 
 .launch-cards {
-  button {
-    cursor: pointer;
-    box-sizing: border-box;
-    background: none;
-    margin: 0;
-    border: 0;
-  }
+  padding: 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  row-gap: 1em;
+  .launch-card {
+    display: flex;
+    padding: 0 30px 0 0;
+    .card-content{
+      width: fit-content;
+      display: flex;
+      flex-direction: column;
+      margin: 0;
+      row-gap: 1em;
+      h2 {
+        font-size: 1.75em;
+        padding: 0.5em 0;
+        margin: 0;
+        a {
+          display: none;
+        }
+      }
+  
+      p {
+        margin: 0;
+      }
+  
+      ul {
+        list-style: none;
+        height: fit-content;
+        line-height: 1.6;
+        padding: 0;
+        margin-block-end: auto;
+      }
+  
+      br {
+        display: none;
+      }
+  
+      button {
+        height: min-content;
+        width: auto;
+        padding: .5em 1em;
+        cursor: pointer;
+        box-sizing: border-box;
+      }
+    }
+    }
 
-  ul,
-  li {
-    list-style: none;
-    padding-left: 0;
-  }
+  @media only screen and (max-width: 1000px) {
+    grid-template-columns: 1fr;
+  
+    .launch-card {
+      width: 100%;
+    }
+}
 }
 
+
 // table of contents
 .td-toc {
   padding-top: 1.5rem !important;

layouts/partials/docs/docs-portal-card.html

@@ -1,5 +1,6 @@
 {{ range .Params.cards }}
 <div class="launch-card">
+    <div class="card-content">
     <h2 id="{{ replace .title " " "-" | lower }}">{{ .title }}</h2>
     <p>{{ .description }}</p>
     <ul>
@@ -25,5 +26,6 @@ <h2 id="{{ replace .title " " "-" | lower }}">{{ .title }}</h2>
       <br>
       <br>
     {{ end }}
+    </div>
 </div>
 {{ end }}