Clean up

katydecorah · Oct 12, 2023 · eb7b089 · eb7b089
1 parent cfc745e
commit eb7b089
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 9 deletions.
diff --git a/_includes/post/playlist.html b/_includes/post/playlist.html
@@ -1,13 +1,15 @@
 <div class="playlist-container">
-  {% capture src %}{{page.playlist | slugify}}.png{% endcapture %} {% include
-  img.html src=src class='img-half' alt='album art' width='1000' height='1000'
-  %} {% if page.spotify %}
-  <p class="playlist-meta">
-    <a href="{{ page.spotify }}" class="btn"
-      >{% include icons/headphones.svg %} Listen on Spotify</a
-    >
-  </p>
-  {% endif %}
+  <div class="playlist-media">
+    {% capture src %}{{page.playlist | slugify}}.png{% endcapture %} {% include
+    img.html src=src class='img-half' alt='album art' width='1000' height='1000'
+    %} {% if page.spotify %}
+    <p class="playlist-meta">
+      <a href="{{ page.spotify }}" class="btn"
+        >{% include icons/headphones.svg %} Listen on Spotify</a
+      >
+    </p>
+    {% endif %}
+  </div>
 
   <ul class="playlist">
     {% for tracks in page.tracks %}

diff --git a/assets/site.css b/assets/site.css
@@ -408,6 +408,7 @@ picture {
   max-width: 500px;
 }
 
+.playlist-container,
 .photos {
   display: grid;
   grid-gap: 1em;
@@ -422,6 +423,10 @@ picture {
 }
 
 @media (width >= 50rem) {
+  .playlist-media {
+    grid-column: span 8;
+  }
+
   .photos .img-half {
     grid-column: span 6;
   }