Fixed height of scroll_container

aidan-yip · Aug 16, 2024 · e41ace7 · e41ace7
1 parent a7b7506
commit e41ace7
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/styles.css b/styles.css
@@ -11,20 +11,6 @@ html {
   scroll-snap-type: y mandatory;
 }
 
-body {
-  background-color: rgba(255, 255, 255, 0.94);
-  min-width: 375px;
-  width: auto !important;
-  width: 375px;
-}
-
-#color_input {
-  width: 50%;
-  height: 70%;
-  border: solid 5px #212121;
-  border-radius: 10px;
-}
-
 /*      Dot       */
 input[type="range"] {
   -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
@@ -137,6 +123,20 @@ input[type="range"]:focus::-ms-fill-upper {
 
 /* Custom Volume range end */
 
+body {
+  background-color: rgba(255, 255, 255, 0.94);
+  min-width: 375px;
+  width: auto !important;
+  width: 375px;
+}
+
+#color_input {
+  width: 50%;
+  height: 70%;
+  border: solid 5px #212121;
+  border-radius: 10px;
+}
+
 #background {
   display: flex;
   justify-content: center;
@@ -206,7 +206,7 @@ img {
   margin-top: 80vh;
   max-width: 1470px;
   width: 100%;
-  height: 150%;
+  height: 110%;
   position: absolute;
   display: grid;
   justify-content: center;