Bug: The imp.html is responsive now

Groverio · Oct 20, 2024 · 996a239 · 996a239
1 parent 2c6b99a
commit 996a239
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/impstyle.css b/impstyle.css
@@ -8,8 +8,8 @@ body {
   );
   margin: 0;
   padding: 20px;
-  overflow: hidden;
-  height: 100vh;
+  /* overflow: hidden; */
+  min-height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -26,7 +26,8 @@ body {
   display: flex;
   justify-content: space-around;
   align-items: center;
-  height: 70vh;
+  min-height: 70vh;
+  /* border:1px black solid */
 }
 
 .toggle-container {
@@ -56,3 +57,14 @@ body {
   color: #555;
   font-family: 'Londrina Outline', cursive;
 }
+
+@media only screen and (max-width: 1100px) {
+  .contain {
+    flex-direction: column;
+    width: fit-content;
+  }
+  .toggle-container {
+    width: 70%;
+    margin-bottom: 12px;
+  }
+}