Update index.html

index.html

@@ -166,7 +166,7 @@
                 Trending Songs
             </h1>
             </div>        
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
@@ -182,7 +182,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.pinimg.com/originals/24/ea/ea/24eaea94a992b462b99f64aec083bd7e.png" style="width: 100%;" alt="" class="song">
@@ -199,7 +199,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://m.timesofindia.com/photo/96027287/size-75010/96027287.jpg" style="width: 100%;" alt="" class="song">
@@ -215,7 +215,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://images.fwdlife.in/2023/07/Feature-Image.jpg" style="width: 100%;" alt="" class="song">
@@ -236,7 +236,7 @@
                 Popular Songs
             </h1>
             </div>        
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://naasongsmix.com/wp-content/uploads/2022/06/rj.jpg" style="width: 100%;" alt="" class="song">
@@ -252,7 +252,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.ytimg.com/vi/asYxxtiWUyw/maxresdefault.jpg" style="width: 100%;" alt="" class="song">
@@ -268,7 +268,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://cdn.bollywoodbubble.com/wp-content/uploads/2021/07/raatan-lambiyan-song-shershaah-1.jpg" style="width: 100%;" alt="" class="song">
@@ -284,7 +284,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://static.mirchi.in/thumb/imgsize-39216,msid-104845503,width-800,height-450,resizemode-1/104845503.jpg" style="width: 100%;" alt="" class="song">
@@ -305,7 +305,7 @@
                 Old Songs
             </h1>
             </div>        
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
@@ -321,7 +321,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
@@ -337,7 +337,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
@@ -353,7 +353,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
@@ -374,7 +374,7 @@
                 Actors
             </h1>
             </div>        
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
@@ -390,7 +390,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
@@ -406,7 +406,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
@@ -422,7 +422,7 @@
 
     </div>
             </div>
-            <div class="col-6 col-md-3">
+            <div class="col-sm-12 col-md-3">
                     <div class="shadow-lg bg-light movie">
         <div>
             <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">