Docs landing page card hyperlinks (#4236)

* Move card padding from ahref to text div * Add class and height to Link
camunda · Sep 3, 2024 · 4ede447 · 4ede447
1 parent 7bd6920
commit 4ede447
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git 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
@@ -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;
 }