From 39e701dc7d21b0c93791e044ecb295fcfc59b3b5 Mon Sep 17 00:00:00 2001
From: mohan <mohansahualbert@gmail.com>
Date: Sat, 2 Apr 2022 00:25:31 +0000
Subject: [PATCH 1/2] fixed card alignment

---
 src/pages/governance/governance.module.scss | 28 +++++++++++++++++++++
 src/pages/governance/index.jsx              |  4 ++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/pages/governance/governance.module.scss b/src/pages/governance/governance.module.scss
index 255c8026f..bb79f13b8 100644
--- a/src/pages/governance/governance.module.scss
+++ b/src/pages/governance/governance.module.scss
@@ -34,6 +34,7 @@
   font-size: 1.2rem;
   font-weight: 500;
   margin-bottom: 0.2em;
+  white-space:nowrap; 
 }
 
 .cardSubtitle {
@@ -122,3 +123,30 @@
 .hidden {
   visibility: hidden;
 }
+
+
+@media  (min-width: 1701px)  {
+  .cardDescriptionBody {
+    min-height: 3em;
+  }
+}
+
+@media(max-width: 1700px) and (min-width: 1501px)  {
+  .cardDescriptionBody {
+    min-height: 4em;
+
+  }
+}
+
+@media(max-width: 1500px) and (min-width: 1301px)  {
+  .cardDescriptionBody {
+    min-height: 6em; 
+  }
+}
+
+@media(max-width: 1300px) and (min-width: 997px)  {
+  .cardDescriptionBody {
+    min-height: 7em;
+  }
+}
+
diff --git a/src/pages/governance/index.jsx b/src/pages/governance/index.jsx
index 62c26f2d4..5cf22f271 100644
--- a/src/pages/governance/index.jsx
+++ b/src/pages/governance/index.jsx
@@ -29,7 +29,7 @@ export default function GovernancePage() {
             </Translate>
           </p>
         </header>
-        <div className="row">
+        <div className="row" style={{alignItems: "flex-start"}}>
           {data.map((group) => (
             <div
               key={group.name}
@@ -74,7 +74,9 @@ const GroupCard = ({ group }) => {
               </a>
             </div>
             <p className={clsx('avatar_description', styles.cardDescription)}>
+              <div className={ styles.cardDescriptionBody }> 
               {group.description}
+              </div>
             </p>
           </div>
         </div>

From 77ee6180d7bad61cb499a0bbe99b5a75afee22d2 Mon Sep 17 00:00:00 2001
From: mohan <mohansahualbert@gmail.com>
Date: Wed, 13 Jul 2022 16:45:35 +0000
Subject: [PATCH 2/2]  linted governance page

---
 src/pages/governance/index.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/governance/index.jsx b/src/pages/governance/index.jsx
index 5cf22f271..8f25cd7db 100644
--- a/src/pages/governance/index.jsx
+++ b/src/pages/governance/index.jsx
@@ -29,7 +29,7 @@ export default function GovernancePage() {
             </Translate>
           </p>
         </header>
-        <div className="row" style={{alignItems: "flex-start"}}>
+        <div className="row" style={{ alignItems: 'flex-start' }}>
           {data.map((group) => (
             <div
               key={group.name}
@@ -74,8 +74,8 @@ const GroupCard = ({ group }) => {
               </a>
             </div>
             <p className={clsx('avatar_description', styles.cardDescription)}>
-              <div className={ styles.cardDescriptionBody }> 
-              {group.description}
+              <div className={styles.cardDescriptionBody}>
+                {group.description}
               </div>
             </p>
           </div>