update link structure in post card

_pages/home.html

@@ -118,59 +118,59 @@ <h2>Community</h2>
     <div class="row row-cols-1 row-cols-md-3 gy-4 gx-5">
       <div class="col">
         <div class="card h-100">
-          <a class="c-img-post" style="background-image: url('assets/img/ng-de/ng-de-mood-video.png');" href="/ng-de-konferenz/">
+          <div class="c-img-post" style="background-image: url('assets/img/ng-de/ng-de-mood-video.png');">
             <span class="c-post-categories">
               <span class="text-uppercase">Berlin</span>
               <span class="ms-1 me-1">•</span>
               <span class="text-uppercase">400+ Teilnehmer</span>
               <span class="ms-1 me-1">•</span>
               <span class="text-uppercase">Mood Video</span>
             </span>
-          </a>
-          <a class="card-body px-0" href="/ng-de-konferenz/">
+          </div>
+          <div class="card-body px-0" href="/ng-de-konferenz/">
             <div class="text-muted small">Angular Community Konferenz</div>
-            <span class="fw-semibold">
+            <a class="link-dark fw-semibold stretched-link" href="/ng-de-konferenz/">
               NG-DE ist die erste community-driven Angular Konferenz in Deutschland
-            </span>
-          </a>
+            </a>
+          </div>
         </div>
       </div>
       <div class="col">
         <div class="card h-100">
-          <a class="c-img-post" style="background-image: url('shared/assets/img/meetups.png');" href="/meetups/">
+          <div class="c-img-post" style="background-image: url('shared/assets/img/meetups.png');">
             <span class="c-post-categories">
               <span class="text-uppercase">Deutschland</span>
               <span class="ms-1 me-1">•</span>
               <span class="text-uppercase">Österreich</span>
               <span class="ms-1 me-1">•</span>
               <span class="text-uppercase">Schweiz</span>
             </span>
-          </a>
-          <a class="card-body px-0" href="/meetups/">
+          </div>
+          <div class="card-body px-0">
             <div class="text-muted small">Meetups in der DACH Region</div>
-            <span class="fw-semibold">
+            <a class="link-dark fw-semibold stretched-link" href="/meetups/">
               Finde dein Angular Meetup in deiner nähe oder gründe selbe eins!
-            </span>
-          </a>
+            </a>
+          </div>
         </div>
       </div>
       <div class="col">
         <div class="card h-100">
-          <a class="c-img-post" target="_blank" style="background-image: url('shared/assets/img/discord.png');" href="/discord" rel="noopener nofollow">
+          <div class="c-img-post" style="background-image: url('shared/assets/img/discord.png');">
             <span class="c-post-categories">
               <span class="text-uppercase">Hilfe</span>
               <span class="ms-1 me-1">•</span>
               <span class="text-uppercase">Austausch</span>
               <span class="ms-1 me-1">•</span>
               <span class="text-uppercase">Lernen</span>
             </span>
-          </a>
-          <a class="card-body px-0" href="/discord" rel="noopener nofollow">
+          </div>
+          <div class="card-body px-0">
             <div class="text-muted small">Dein Angular Discord auf Deutsch</div>
-            <span class="fw-semibold">
+            <a class="link-dark fw-semibold stretched-link" href="/discord/" target="_blank" rel="noopener nofollow">
               Tausche dich mit anderen über Herausforderungen, Lösungen und Events aus
-            </span>
-          </a>
+            </a>
+          </div>
         </div>
       </div>
     </div>