Fixed the <li>

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>

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 {