fix: major bugs

nexoscreation · Jun 16, 2024 · ea9a5ad · ea9a5ad
1 parent a68b6b4
commit ea9a5ad
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 23 deletions.
diff --git 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 */
-}
+}
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link rel="stylesheet" href="css/style.css" />
+  <link rel="stylesheet" href="./css/style.css" />
   <title>Music Player</title>
 </head>
 
@@ -19,7 +19,7 @@ <h3 id="artist"></h3>
 
       <!-- Cover Image -->
       <div id="cover-box">
-        <img src="assets/images/cover1.jpg" alt="cover-image" id="cover" />
+        <img src="./assets/images/cover1.jpg" alt="cover-image" id="cover" />
       </div>
 
       <!-- Music Controls and Timer -->
@@ -62,6 +62,7 @@ <h3 id="artist"></h3>
               <path fill-rule="evenodd"
                 d="M8.6 5.2A1 1 0 0 0 7 6v12a1 1 0 0 0 1.6.8l8-6a1 1 0 0 0 0-1.6l-8-6Z"
                 clip-rule="evenodd" />
+                </svg>
             </span>
         </div>
         <div class="btn-x">
@@ -86,7 +87,7 @@ <h3 id="artist"></h3>
       </div>
     </div>
   </div>
-  <script src="js/main.js"></script>
+  <script src="./js/main.js"></script>
 </body>
 
 </html>
diff --git 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',
   },
 ];