Update index.html

index.html

@@ -120,10 +120,6 @@
     .card1{
         margin-top: 98px;
     }
-    .message {
-      text-align: center;
-      color: red;
-    }
     .song-item {
       margin-bottom: 10px;
       padding: 10px;
@@ -238,8 +234,15 @@
              
                  <div class="modal-content">
                    <div class="container playlist">
-  <div class="py-4">
-    <h2 class="text-center">My Playlist</h2>
+                     <div class="m-auto">
+          <button type="button" class="close mb-auto" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+        </div>
+        <div class="m-4">
+            <h2>Play List</h2>
+        </div>
+    <div class="py-4">
     <ul class="list-unstyled song-list">
       <li class="song-item row">
         <img src="song1.jpg" alt="Song 1" class="col-2 col-md-1">