Extend link area

_layouts/media.html

@@ -50,6 +50,10 @@ layout: default
       <div
         class="media__card flex flex-col w-full sl:max-w-48 mb-5 sm:mb-0 group"
       >
+      <a href="{{ mediapost.link }}"
+            target="_blank" rel="noopener noreferrer"
+          >
+      
         <img
           src="{{ mediapost.image }}"
           class="w-full mb-2 group-hover:opacity-30"
@@ -59,10 +63,11 @@ layout: default
         <li class="flex flex-col w-full mb-5 lg:mb-8">
           <time class="text-xxs opacity-75"
             >{{ mediapost.date | date: '%B %d, %Y' }}</time
-          ><a
-            href="{{ mediapost.link }}"
+          ><p
             class="text-xs lg:text-base font-semibold group-hover:underline"
-            >{{ mediapost.title }}</a
+            >{{ mediapost.title }}
+            </p>
+            </a
           >
         </li>
       </div>