Update index.html

index.html

@@ -26,7 +26,7 @@
           }
 
         .slide{
-            height: 60vh;
+            
             width: 100%;
         }
         input{
@@ -115,7 +115,7 @@
             </ol>
             <div class="carousel-inner">
               <div class="carousel-item active">
-                <img src="https://png.pngtree.com/thumb_back/fh260/background/20210916/pngtree-musical-note-staff-bright-purple-light-effect-abstract-background-image_901160.jpg" class="d-block" alt="...">
+                <img src="https://png.pngtree.com/thumb_back/fh260/background/20210916/pngtree-musical-note-staff-bright-purple-light-effect-abstract-background-image_901160.jpg" class="d-block w-100" alt="...">
                 <div class="carousel-caption d-none d-md-block">
                   <h5>First slide label</h5>
                   <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
@@ -123,21 +123,21 @@
               </div>
               <link rel="stylesheet" href="style.css">  
               <div class="carousel-item">
-                <img src="https://img.freepik.com/free-vector/flat-design-nostalgic-90-s-background_52683-72484.jpg?w=1380&t=st=1700130425~exp=1700131025~hmac=b93fc935100be45a915bc63d0ac7d6fa485afebe63e5aeba683502868b65a013" class="d-block" alt="...">
+                <img src="https://img.freepik.com/free-vector/flat-design-nostalgic-90-s-background_52683-72484.jpg?w=1380&t=st=1700130425~exp=1700131025~hmac=b93fc935100be45a915bc63d0ac7d6fa485afebe63e5aeba683502868b65a013" class="d-block w-100" alt="...">
                 <div class="carousel-caption d-none d-md-block">
                   <h5>Second slide label</h5>
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                 </div>
               </div>
               <div class="carousel-item">
-                <img src="https://png.pngtree.com/thumb_back/fh260/back_our/20190628/ourmid/pngtree-taobao-home-carousel-background-image_264531.jpg" class="d-block" alt="...">
+                <img src="https://png.pngtree.com/thumb_back/fh260/back_our/20190628/ourmid/pngtree-taobao-home-carousel-background-image_264531.jpg" class="d-block w-100" alt="...">
                 <div class="carousel-caption d-none d-md-block">
                   <h5>Third slide label</h5>
                   <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                 </div>
               </div>
               <div class="carousel-item">
-                <img src="https://png.pngtree.com/thumb_back/fh260/back_our/20190628/ourmid/pngtree-taobao-e-commerce-advertisement-carousel-banner-background-purple-blue-image_264734.jpg" class="d-block" alt="...">
+                <img src="https://png.pngtree.com/thumb_back/fh260/back_our/20190628/ourmid/pngtree-taobao-e-commerce-advertisement-carousel-banner-background-purple-blue-image_264734.jpg" class="d-block w-100" alt="...">
                 <div class="carousel-caption d-none d-md-block">
                   <h5>Third slide label</h5>
                   <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>