Add files via upload

affancoder · Jan 13, 2024 · 00dffe0 · 00dffe0
1 parent f53fa5e
commit 00dffe0
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -32,33 +32,43 @@ <h1>Best of NCS - No copyright sounds</h1>
             <img alt="1" width="89px" />
             <span class="songName">Let me love you</span>
             <span class="songListplay"
-            ><span class="timestamp">05:34 <i id="1" class="far songItemPlay fa-play-circle"></i></span></span>
+            ><span class="timestamp">04:21 <i id="1" class="far songItemPlay fa-play-circle"></i></span></span>
         </div>
 
         <div>
             <div class="songItem">
             <img alt="1" width="89px" />
             <span class="songName">Let me love you</span>
             <span class="songListplay"
-            ><span class="timestamp">05:34 <i id="2" class="far songItemPlay fa-play-circle"></i></span></span>
+            ><span class="timestamp">04:14 <i id="2" class="far songItemPlay fa-play-circle"></i></span></span>
         </div>
 
         <div>
             <div class="songItem">
             <img alt="1" width="89px" />
             <span class="songName">Let me love you</span>
             <span class="songListplay"
-            ><span class="timestamp">05:34 <i id="3" class="far songItemPlay fa-play-circle"></i></span></span>
+            ><span class="timestamp">03:39 <i id="3" class="far songItemPlay fa-play-circle"></i></span></span>
         </div>
 
         <div>
             <div class="songItem">
             <img alt="1" width="89px" />
             <span class="songName">Let me love you</span>
             <span class="songListplay"
-            ><span class="timestamp">05:34 <i id="4" class="far songItemPlay fa-play-circle"></i></span></span>
+            ><span class="timestamp">06:34 <i id="4" class="far songItemPlay fa-play-circle"></i></span></span>
             </div>
         </div>
+
+        <div>
+          <div class="songItem">
+          <img alt="1" width="89px" />
+          <span class="songName">Shape of you</span>
+          <span class="songListplay"
+          ><span class="timestamp">02:54 <i id="5" class="far songItemPlay fa-play-circle"></i></span></span>
+          </div>
+      </div>
+
       </div>
       </div>
       </div>

diff --git a/script.js b/script.js
@@ -34,6 +34,11 @@ let songs = [
     filePath: "assests/5.mp3",
     coverPath: "cover/5.jpg",
   },
+  {
+    songName: "Shape of you",
+    filePath: "assests/ed.mp3",
+    coverPath: "cover/6.jpg",
+  },
 ];
 
 songItems.forEach((element, i) => {

diff --git a/style.css b/style.css
@@ -103,17 +103,22 @@ nav ul li {
   transition: opacity 0.4s ease-in;
 }
 
-@media (max-width: 1100px) {
-  body {
-    /* background-color: lightslategray; */
-  }
+@media (max-width: 600px) {
   .songItem {
-    width: 100%;
+    width: 109%;
+    justify-content: space-around;
+    margin-left: -10px;
+  }
+  .container {
+    width: 75%;
   }
   .bottom {
     height: 150px;
   }
   .icons {
     margin-top: 50px;
   }
+  .timestamp {
+    margin-right: 8px;
+  }
 }