From 4ede44772f0fefdeafe02bd46910e2f8672a3eb4 Mon Sep 17 00:00:00 2001
From: Mark Sellings <mark.sellings@camunda.com>
Date: Tue, 3 Sep 2024 17:53:57 +0100
Subject: [PATCH] Docs landing page card hyperlinks (#4236)

* Move card padding from ahref to text div

* Add class and height to Link
---
 src/pages/index.js          | 6 +++++-
 src/pages/styles.module.css | 9 ++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 0e0c58b4dd..472a88d59e 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -61,7 +61,11 @@ function Feature({ imageUrl, url, title, description }) {
         styles.featuresSection
       )}
     >
-      <Link to={useBaseUrl(url)} title={title}>
+      <Link
+        to={useBaseUrl(url)}
+        title={title}
+        className={clsx(styles.featuresLink)}
+      >
         {imgUrl && (
           <div className="text--center">
             <img className={styles.featuresImage} src={imgUrl} alt={title} />
diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css
index 939d9b83a8..0edc1e9ca2 100644
--- a/src/pages/styles.module.css
+++ b/src/pages/styles.module.css
@@ -53,7 +53,7 @@
 }
 
 .featuresSection {
-  padding: 0 2rem;
+  padding: 0;
 }
 
 .featuresImage {
@@ -64,8 +64,15 @@
 .featuresTitle {
   line-height: 1.4;
   font-size: 24px;
+  padding: 0 2rem;
 }
 
 .featuresDescription {
   line-height: 1.4;
+  padding: 0 2rem;
+}
+
+.featuresLink {
+  height: 250px;
+  padding-top: 1rem;
 }