diff --git a/css/style.css b/css/style.css index 06e0003..4647c5a 100644 --- a/css/style.css +++ b/css/style.css @@ -39,7 +39,7 @@ svg { .container { background: rgba(110, 255, 250, 1); height: auto; - width: 80%; + max-width: 512px; border-radius: 0.5rem; padding: 0.2rem; clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0% 25px); @@ -195,16 +195,4 @@ svg { .special-btn:hover { opacity: 0.75; } -} - - -@media screen and (min-width: 768px) and (max-width: 1024px) { - /* Your styles for tablets and laptops go here */ - - .container { - width: 40%; - /* Adjust font size for better readability on larger screens */ - } - - /* Add more styles as needed */ -} +} \ No newline at end of file diff --git a/index.html b/index.html index 5d551d5..52b29ef 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - + Music Player @@ -19,7 +19,7 @@

- cover-image + cover-image
@@ -62,6 +62,7 @@

+
@@ -86,7 +87,7 @@

- + \ No newline at end of file diff --git a/js/main.js b/js/main.js index d6b3247..ac2dfa0 100644 --- a/js/main.js +++ b/js/main.js @@ -21,20 +21,20 @@ const songs = [ { title: 'Track 1 - Sample Audio 1', artist: 'Bensound | Royalty Free Music', - coverPath: 'img/track1.jfif', - discPath: 'music/track1.mp3', + coverPath: './img/track1.jfif', + discPath: './music/track1.mp3', }, { title: 'Track 2 - Sample Audio 2', artist: 'Bensound | Royalty Free Music', - coverPath: 'img/track2.jfif', - discPath: 'music/track2.mp3', + coverPath: './img/track2.jfif', + discPath: './music/track2.mp3', }, { title: 'Track 3 - Sample Audio 3', artist: 'Bensound | Royalty Free Music', - coverPath: 'img/track3.jfif', - discPath: 'music/track3.mp3', + coverPath: './img/track3.jfif', + discPath: './music/track3.mp3', }, ];