CORE-5091: labs page updates (#1294)

oacore · Jan 31, 2025 · 591c3c4 · 591c3c4
1 parent 23faaf0
commit 591c3c4
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/pages/innovations/labs.jsx b/pages/innovations/labs.jsx
@@ -74,6 +74,7 @@ const LabsPage = ({ page }) => (
         image={page.header.header.hero}
         title={page.header.header.title}
         description={page.header.header.description}
+        className={styles.labHero}
       />
       <div className={styles.features}>
         {page.services.features &&

diff --git a/pages/innovations/labs.module.scss b/pages/innovations/labs.module.scss
@@ -69,19 +69,24 @@
 }
 .features {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
+  grid-template-columns: repeat(2, 1fr);
   grid-gap: 1rem;
 
+  @media (max-width: 768px) {
+    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
+  }
+
   .card {
     padding: 2rem;
     background-color: var(--gray-100);
     display: flex;
     flex-direction: column;
-    min-height: 29rem;
+    min-height: 20rem;
     .header-wrapper {
       display: flex;
-      justify-content: space-between;
+      gap: 10px;
       align-items: center;
+      margin-bottom: 22px;
     }
     .tag {
       padding: 3px 7px;
@@ -126,3 +131,11 @@
     }
   }
 }
+
+.lab-hero {
+  div:nth-child(2) {
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
+}