Update index.html

Author: 梶塚太智

index.html

@@ -59,7 +59,7 @@
                 zoom: 40%;
             }
 
-            #carouselExampleIndicators {
+            .carousel-inner {
                 align-items: center;
             }
         </style>
@@ -178,7 +178,7 @@ <h2 class="h5">Variety distribution</h2>
         </section>
 
         <!-- Image Section -->
-        <section id="features" class="py-5">
+        <section id="images" class="py-5">
             <div class="container text-center">
                 <div
                     id="carouselExampleIndicators"
@@ -204,22 +204,22 @@ <h2 class="h5">Variety distribution</h2>
                         <div class="carousel-item active">
                             <img
                                 src="image1.png"
-                                class="d-block"
+                                class="d-block mx-auto"
                                 alt="First slide"
                             />
                         </div>
                         <div class="carousel-item">
                             <img
                                 src="image2.png"
-                                class="d-block"
+                                class="d-block mx-auto"
                                 alt="Second slide"
                             />
                         </div>
                         <div class="carousel-item">
                             <img
                                 src="image3.png"
                                 id="img3"
-                                class="d-block"
+                                class="d-block mx-auto"
                                 alt="Third slide"
                             />
                         </div>