fix bug

assets/css/main.css

@@ -12,7 +12,7 @@ header {
     height: 520px;
     background-image: url(/chapelle.png);
     background-position: center;
-    background-color: rgba(244, 244, 244, 0.286);
+    /*background-color: rgba(244, 244, 244, 0.1);*/
     background-blend-mode: overlay;
 }
 
@@ -321,6 +321,11 @@ main {
     main {
         max-width: 90%;
         padding: 0;
+        margin-top: 30px;
+    }
+
+    .home {
+        padding: 0;
     }
 
     .concert-entry {
@@ -445,6 +450,14 @@ footer {
 
 /* Single */
 
+.event {
+    display: block;
+}
+
+.event-date {
+    color: #da1e2c;
+}
+
 .event h2 {
     margin-top: 2em;
 }
@@ -452,6 +465,7 @@ footer {
 .artists-table {
     gap: 10px;
     display: flex;
+    flex-direction: row;
 }
 
 .event-cover {
@@ -477,3 +491,20 @@ footer {
 .artist-description {
     text-align: center;
 }
+
+@media (max-width: 750px) {
+    .event {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .artists-table {
+        flex-direction: column;
+    }
+
+    .event-cover {
+        align-self: center;
+        padding: 0;
+        margin-bottom: 30px;
+    }
+}