Dev concert 2 and 3

assets/css/main.css

@@ -220,7 +220,7 @@ a {
 /* Main */
 main {
     margin: 3.8em auto;
-    max-width: 1000px;
+    max-width: 1100px;
 }
 
 .home {
@@ -231,6 +231,7 @@ main {
 
 .concerts {
     display: grid;
+    gap: 2em;
 }
 
 .concert-entry-small {
@@ -247,6 +248,11 @@ main {
     background-color: #fff;
 }
 
+.concert-cover img {
+    max-width: 200px;
+    height: auto;
+}
+
 .concert-date {
     min-width: 110px;
     margin: 0 0.5em;
@@ -420,30 +426,12 @@ footer {
     padding: 20px;
 }
 
-.single-summary,
-.single-artist {
-    margin-bottom: 5em;
-}
-
 .single-cover {
     width: 250px;
     float: right;
     margin: 0 0 2em 2em;
 }
 
-.single-artist-photo {
-    display: flex;
-    flex-direction: column;
-    float: right;
-    padding-top: 3em;
-    align-items: flex-start;
-}
-
-.single-artist-photo p {
-    text-align: center;
-    margin: 0;
-}
-
 .overview h2 {
     color: #600303;
 }
@@ -469,7 +457,8 @@ footer {
 }
 
 .event-cover {
-    padding: 2em;
+    max-width: 250px;
+    padding: 0 2em;
     float: right;
 }
 
@@ -486,9 +475,15 @@ footer {
     padding: 20px;
     align-items: center;
     max-width: 450px;
+    justify-content: center;
+}
+
+.artist-image {
+    max-width: 100%;
 }
 
 .artist-description {
+    margin-top: 0;
     text-align: center;
 }