Make whole calendar clickable

2 files changed, 14 insertions, 5 deletions

diff --git a/index.css b/index.css
index 1573745..a4e24cf 100644
--- a/index.css
+++ b/index.css
@@ -13,13 +13,20 @@ main {
 }
 
 #next-concert a {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+    text-decoration: none;
+}
+
+#next-concert p {
     position: relative;
     top: 48%;
+    margin: 0;
     color: #eee;
-    text-decoration: none;
 }
 
-#next-concert a #day {
+#next-concert #day {
     font-size: 180%;
     font-weight: bold;
 }
diff --git a/index.html b/index.html
index f5d6dae..8daa69b 100644
--- a/index.html
+++ b/index.html
@@ -35,9 +35,11 @@
     <main>
       <div id="next-concert">
         <a href="actualités.html#concert-1">
-          <span id="day">25</span>
-          <br>
-          <span id="month">décembre</span>
+          <p>
+            <span id="day">25</span>
+            <br>
+            <span id="month">décembre</span>
+          </p>
         </a>
       </div>
     </main>