diff --git a/src/components/favouriteCard.astro b/src/components/favouriteCard.astro
index e2cb6a1..332b582 100644
--- a/src/components/favouriteCard.astro
+++ b/src/components/favouriteCard.astro
@@ -12,19 +12,14 @@ const img: string = `/favourites/${image}.webp`
 ---
 
 <a href={link} target="_blank" rel="noopener noreferrer">
-  <article>
-    <div class="heading">{name}</div>
-    <img src={img} alt={name} />
-    <h2 class="subtext">
-      {origin}
-    </h2>
-  </article>
+  <div class="heading">{name}</div>
+  <img src={img} alt={name} />
+  <h2 class="subtext">
+    {origin}
+  </h2>
 </a>
 
 <style>
-  a {
-    text-decoration: none;
-  }
   .heading {
     display: flex;
     height: 4rem;
@@ -46,11 +41,11 @@ const img: string = `/favourites/${image}.webp`
     align-content: center;
   }
 
-  article:hover {
+  a:hover {
     transform: scale(var(--hover-scale));
   }
 
-  article {
+  a {
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
@@ -63,22 +58,23 @@ const img: string = `/favourites/${image}.webp`
     align-items: center;
     text-align: center;
     transition: transform var(--speed) var(--ease);
+    text-decoration: none;
   }
 
-  article > img {
+  a > img {
     padding: 0.25em;
     width: 120px;
     height: auto;
   }
 
   @media (min-width: 512px) {
-    article {
+    a {
       padding: 10px 10px;
       width: auto;
       height: auto;
     }
 
-    article > img {
+    a > img {
       padding: 1.5em;
       width: 200px;
       height: auto;