From d01fc5dca57575df1b30f064db1f53b099685ec1 Mon Sep 17 00:00:00 2001
From: Sage The DM <luca.burger@grischuni.net>
Date: Mon, 9 Sep 2024 09:00:26 +0200
Subject: [PATCH] Fixed the <li>

---
 index.html | 10 +++++++++-
 styles.css |  7 +++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 6236780..d81046c 100644
--- a/index.html
+++ b/index.html
@@ -35,12 +35,18 @@
         <h2>Our Games</h2>
         <ul>
           <li>
-            <a href="freettrpg/" target="_blank">FreeTTRPG</a>
+            <a 
+              href="freettrpg/" 
+              target="_blank" 
+              class="listElement">
+              FreeTTRPG</a
+            >
           </li>
           <li>
             <a
               href="freeftf/"
               target="_blank"
+              class="listElement"
               >FreeFTF</a
             >
           </li>
@@ -52,6 +58,7 @@
             <a 
               href="foss_alternatives/" 
               target="_blank"
+              class="listElement"
               >FOSS Alternatives</a
             >
           </li>
@@ -59,6 +66,7 @@
             <a 
               href="react/" 
               target="_blank"
+              class="listElement"
               >React</a
             >
           </li>
diff --git a/styles.css b/styles.css
index 98dd65f..003f9fe 100644
--- a/styles.css
+++ b/styles.css
@@ -312,6 +312,13 @@ form button:hover {
   background-color: var(--accent-hover-color);
 }
 
+li a.listElement{
+  display: block;
+  width: 100%;
+  height: 100%;
+  text-decoration: none; 
+}
+
 /* Responsive design */
 @media (max-width: 768px) {
   header ul {