Refactor to resize assets on desktop viewports

fscek · Mar 20, 2024 · f90574c · f90574c
1 parent 6541d2b
commit f90574c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -394,6 +394,13 @@ footer {
     border-radius: 5px; /* adds rounded corners for a softer look */
 }
 
+/* media query for desktop screens */
+@media (min-width: 768px) { /* adjust the breakpoint as needed */
+    .release-image {
+        max-width: 30%; /* smaller max-width for larger screens */
+    }
+}
+
 .release-description {
     padding-top: 10px; /* Adds padding above the description */
     padding-bottom: 10px; /* Adds padding below the description */
@@ -416,6 +423,13 @@ footer {
     border-radius: 5px; /* adds rounded corners for a softer look */
 }
 
+/* media query for desktop screens */
+@media (min-width: 768px) { /* adjust the breakpoint as needed */
+    .mix-image {
+        max-width: 30%; /* smaller max-width for larger screens */
+    }
+}
+
 .mix-description {
     padding-top: 10px; /* padding above the description */
     padding-bottom: 10px; /* padding below the description */

diff --git a/assets/data/releases.json b/assets/data/releases.json
@@ -429,7 +429,7 @@
       "title": "'hype kids' mixtape",
       "releaseDate": "2015-10-27",
       "year": 2015,
-      "description": "shout out to mops for the tag<br><br>mixtape/album, digital, self-released",
+      "description": "shout out to mops for the piece<br><br>mixtape/album, digital, self-released",
       "image": "https://cdn.jsdelivr.net/gh/fscek/szch-me-assets/images/music/2015/releases/2015_hype_kids_mixtape.webp",
       "links": [
         {"platform": "Bandcamp", "url": "https://szch.bandcamp.com/track/hype-kids-mixtape"}