Ajout de l'affiche de l'algorave

css/affiches/algorave.css

@@ -0,0 +1,51 @@
+.affiche-algorave {
+    grid-row: span 2;
+    padding: 0;
+    font-family: monospace;
+
+    img {
+        display: block;
+        width: 100%;
+    }
+
+    &:hover .description,
+    &:active .description {
+        opacity: 1;
+    }
+
+    .description {
+        opacity: 0;
+
+        padding: 10px;
+        
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: stretch;
+
+        background: rgba(0, 0, 0, 0.9);
+
+        ul {
+            padding: 0;
+            list-style-type: none;
+            text-align: justify;
+
+            flex: 1;
+            line-height: 2;
+        }
+
+        ul li {
+            display: inline
+        }
+
+        ul li:not(:last-child)::after {
+            content: ", ";
+        }
+    }
+}

css/style.css

@@ -124,7 +124,7 @@ main #events {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-auto-flow: row;
-    grid-auto-rows: 1fr;
+    grid-auto-rows: min-content;
     column-gap: 15px;
     row-gap: 15px;
 }