Update index.html

index.html

@@ -44,7 +44,7 @@
         }
         .song{
           border-top-left-radius: 11px;
-          border-top-right-radius: 11px;
+          border-top-ri Your browser does not support the audio element. ght-radius: 11px;
         }
         .head{
         font-size: 38px;
@@ -237,7 +237,6 @@ audio {
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     }
       .container3 {
-      margin: 0 auto;
         width: 70vw;
       font-family: Arial, sans-serif;
         color: #ffffff;
@@ -264,7 +263,7 @@ audio {
         <nav class="navbar navbar-expand-lg navbar-light bg-primary">
             <a class="navbar-brand" href="#"><img src="https://cdn.dribbble.com/users/3547568/screenshots/14395014/media/0b94c75b97182946d495f34c16eab987.jpg?resize=400x300&vertical=center" style="height: 65px; width: 65px; border-radius: 100px;"/></a>
             <div>
-            <input type="search" id="searchBar" placeholder="Search for a song" class="mr-2 mt-2 h-15 w-40"/>
+            <input type="search" id="searchBar" placeholder="Search for a song" class="mr-2 mt-2 h-30 w-90"/>
             </div>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
@@ -275,7 +274,7 @@ audio {
                 <a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal1" href="#">LogIn</a>
                 <a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal2" href="#">SignUp</a>
                 <a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal3" href="#">PlayList</a>
-                <a class="nav-link text-white" href="#" data-toggle="modal" data-target="#exampleModal4">About</a>
+                <a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal4" href="#">About</a>
                 <a class="nav-link text-white" href="#">Settings</a>
                 <a class="nav-link text-white" href="#">Downloads</a>
               </div>
@@ -315,7 +314,7 @@ audio {
               <div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                 <div class="modal-dialog">
                        
-                           <div class="modal-content container1">
+                  <div class="modal-content container1">
                              <div class="">
               <div class="m-auto">
                     <button type="button" class="close mb-auto" data-dismiss="modal" aria-label="Close">
@@ -343,7 +342,7 @@ audio {
                 <div class="modal-dialog">
                        
                            <div class="modal-content container3">
-                             <div>
+                          <div>
                                <section id="about">
         <div class="background-image">
             <div class="abcd">
@@ -377,7 +376,7 @@ audio {
   </section>    
         </div>
     </section>
-                             </div>
+                          </div>
                     </div>
                 </div>
           </div>