From 6ea8d1fb0c41050b8573d0a3d8f4e914d4ac6028 Mon Sep 17 00:00:00 2001
From: Rawan Abdellatif <rawan.k.abdellatif@gmail.com>
Date: Mon, 29 Jul 2024 12:08:41 -0600
Subject: [PATCH] fix style

---
 src/css/custom.css   | 28 ++++++++++++++++++++++++++--
 src/pages/geminai.js | 29 +++++------------------------
 2 files changed, 31 insertions(+), 26 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 4c57a9e3..813d63ff 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -164,10 +164,17 @@ max-width:100% ;
   height:50px;
   flex-wrap: wrap;
  font-weight:700;
-  .read-more-link:hover {
-    color:#bb5a7d;
+
+}
+.read-more-link {
+  color: #bb5a7d;
+  text-decoration: none;
 }
+
+.read-more-link:hover {
+  color: #bb5a7d;
 }
+
 .text{
   /* border:2px solid blue; */
   max-height:150px;
@@ -330,3 +337,20 @@ flex-wrap: wrap;
 margin-left: calc(37% - 150px); 
 max-width:1500px;
 }} 
+
+.institutionsa-image{
+  height:100px;             
+  width: 185px;
+   border-radius:10px;
+    padding:10px 33px;
+    margin:25px ;
+
+}
+html[data-theme="dark"] .institutionsa-image{
+  background-color: var(--ifm-color-gray-500);
+}
+.row.margin-bottom--lg{
+  border-radius:8px;
+  padding:17px;
+
+}
diff --git a/src/pages/geminai.js b/src/pages/geminai.js
index 7d0311a8..833cd19f 100644
--- a/src/pages/geminai.js
+++ b/src/pages/geminai.js
@@ -16,30 +16,16 @@ export function Institutionsa({ list }) {
     <section >
       <div >
         {list.map((category) => (
-          <div key={category.title} className="row margin-bottom--lg"  style={{           
-          borderRadius:'8px',
-           padding:'17px',
-   
-          }}
-             
-          >
+          <div key={category.title} className="row margin-bottom--lg"  >
+
             <h2 className="col col--2 "  >{category.title}</h2>
             {category.members.map((props) => (
                    <a href={props.url} target="_blank" rel="noopener noreferrer">
-                   <img
-                                     className="institutionsa-image"
+                   <img className="institutionsa-image"
 
                      src={props.log}
                      alt={props.name}
-                     style={{
-
-                      height:'100px',             
-                    width: '185px',
-                     borderRadius:'10px',
-                      padding:'10px 45px',
-                      margin:'25px' ,
-                      backgroundColor:'  var(--ifm-color-gray-500)'
-                     }}
+
                    />
                  </a>      
 
@@ -84,12 +70,7 @@ const GEMinAIProgramPage = () => {
 
 </PageHeader>
 
-      <main style={{
-        // border: '2px solid red',
-        // maxWidth: '950px',
-        // marginLeft:'300px',
-        // marginTop:'15px'
-        }} className='GEMinAIContainer'>
+      <main className='GEMinAIContainer'>
   <div  >
     <img src={IMG_3070} alt="IMG_3070" width="195 " />
   <img src={GEMinAI_Launch_Event176} alt="GEMinAI_Launch_Event176" width="220 "/>