From ee9eb1285399e39b80ee93a1247d79bbd90d4d3b Mon Sep 17 00:00:00 2001
From: Matthew Patrick <Matthew.535200018@stu.untar.ac.id>
Date: Sun, 26 Sep 2021 13:20:46 +0700
Subject: [PATCH] index.html and Style-index.css - Made Carousel more
 responsive in other widths (Mainly phones)

---
 Style-index.css | 12 ++++++++++++
 index.html      |  6 +++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/Style-index.css b/Style-index.css
index 1c615ac..e20a7b1 100644
--- a/Style-index.css
+++ b/Style-index.css
@@ -5,6 +5,18 @@ body {
     background-color: #1b1c1e;
 }
 
+@media screen and (max-width: 426px) {
+    .carousel-item img {
+        height: 60vw;
+    }
+}
+
+@media screen and (min-width: 427px) {
+    .carousel-item img {
+        height: 40vw;
+    }
+}
+
 .nav-color {
     background-color: #212226;
 }
diff --git a/index.html b/index.html
index 02e259c..0580713 100644
--- a/index.html
+++ b/index.html
@@ -60,13 +60,13 @@
                 </ol>
                 <div class="carousel-inner" id="carousel-img">
                     <div class="carousel-item active">
-                        <img class="d-block w-100" src="assets/Carousel_1.webp" alt="First slide" height="550px">
+                        <img class="d-block w-100" src="assets/Carousel_1.webp" alt="First slide">
                     </div>
                     <div class="carousel-item">
-                        <img class="d-block w-100" src="assets/Carousel_2.webp" alt="Second slide" height="550px">
+                        <img class="d-block w-100" src="assets/Carousel_2.webp" alt="Second slide">
                     </div>
                     <div class="carousel-item">
-                        <img class="d-block w-100" src="assets/Carousel_3.webp" alt="Third slide" height="550px">
+                        <img class="d-block w-100" src="assets/Carousel_3.webp" alt="Third slide">
                     </div>
                 </div>
                 <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">