fix mobileee

Kampus-Merdeka-Software-Engineering · May 31, 2024 · b92ce8e · b92ce8e
1 parent 85c5288
commit b92ce8e
Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/dashboard.html b/dashboard.html
@@ -25,7 +25,6 @@
     <script>
       window.allCharts = [];
     </script>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
       <div id="navigation"></div>

diff --git a/index.html b/index.html
@@ -5,7 +5,6 @@
     <link rel="icon" href="image/Logo-RevoU-5.png" />
     <meta charset="UTF-8" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
-    <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
 
   <body>

diff --git a/styles.css b/styles.css
@@ -8,6 +8,16 @@ body {
   margin: 0;
   color: #333;
   background-color: #F1D8D0;
+  overflow-x: hidden;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+* {
+  box-sizing: border-box;
 }
 
 #navigation {
@@ -62,11 +72,6 @@ body {
   background-size: cover; 
 }
 
-#coffee-shop-image {
-  height: 400px;
-  width: 400px;
-}
-
 .image-container {
   display: flex;
   flex-direction: column;
@@ -82,7 +87,7 @@ body {
 .image-row {
   display: flex;
   justify-content: space-around;
-  width: 100%;
+  max-width: 100%;
 }
 
 .image-item {
@@ -392,15 +397,15 @@ body {
 }
 
 .our-members {
-  width: 100%;
+  max-width: 100%;
   height: fit-content;
   border: 2px solid black;
   text-align: left;
   box-sizing: border-box; 
 }
 
 .team-members {
-  width: 100%; 
+  max-width: 100%; 
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -411,7 +416,7 @@ body {
 }
 
 .team-category {
-  width: 100%;
+  max-width: 100%;
 }
 
 .team-category h3{