diff --git a/assets/_shortcodes.scss b/assets/_shortcodes.scss
index e1aaeb4..f42852a 100644
--- a/assets/_shortcodes.scss
+++ b/assets/_shortcodes.scss
@@ -202,15 +202,20 @@
     border-radius: $border-radius;
     border: $padding-1 solid var(--gray-200);
     
-    &[href], &[href]:visited {
-      color: var(--body-font-color);
-    }
-    &[href]:hover {
-      text-decoration: none;
-      background: var(--gray-100);
-    }
+    > a {
+      display: block;
+      height: 100%;
 
-    > img {
+      &[href], &[href]:visited {
+        color: var(--body-font-color);
+      }
+      &[href]:hover {
+        text-decoration: none;
+        background: var(--gray-100);
+      }
+    }
+    
+    > a > img, > img {
       width: 100%;
       display: block;
       aspect-ratio: 4 / 3;
@@ -222,6 +227,7 @@
     }
   }
 
+  // {{< image >}}
   .book-image {
     input + img {
       cursor: zoom-in;
diff --git a/exampleSite/content.en/docs/shortcodes/experimental/cards.md b/exampleSite/content.en/docs/shortcodes/experimental/cards.md
index d43bbe3..cf3837b 100644
--- a/exampleSite/content.en/docs/shortcodes/experimental/cards.md
+++ b/exampleSite/content.en/docs/shortcodes/experimental/cards.md
@@ -17,7 +17,7 @@
 {{% /columns %}}
 
 {{% columns %}}
-- {{< card href="/docs/shortcodes/cards" >}}
+- {{< card href="/docs/shortcodes/experimental/cards" >}}
   **Markdown**  
   Suspendisse sed congue orci, eu congue metus. Nullam feugiat urna massa.
   {{< /card >}}
diff --git a/layouts/_shortcodes/card.html b/layouts/_shortcodes/card.html
index 5660c1e..7730a33 100644
--- a/layouts/_shortcodes/card.html
+++ b/layouts/_shortcodes/card.html
@@ -1,5 +1,6 @@
 {{- with .Get "href" -}}
-<div><a class="book-card{{ with $.Get "class" }} {{ . }}{{ end }}" href="{{ . | safeURL }}">
+{{- $destination := partial "docs/links/portable-link" (dict "Page" $.Page "Destination" .) -}}
+<div class="book-card{{ with $.Get "class" }} {{ . }}{{ end }}"><a href="{{ $destination | safeURL }}">
 {{- template "book-card-content" $ -}}
 </a></div>
 {{- else -}}