Merge pull request #90 from stringer1000/addscroll

Added Scrollbar.
sharanya-mitra · Oct 15, 2022 · dbc6d5a · dbc6d5a
2 parents 1e2ea4b + 63412f6
commit dbc6d5a
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -121,6 +121,27 @@ form {
 
 .fish {
  flex: 1;
+ max-width: 18rem;
+ overflow-x: scroll;
+ overflow-y: hidden;
+ min-height: fit-content;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+}
+.fish::-webkit-scrollbar {
+ width: 5px;
+}
+
+@media screen and (max-width: 480px) {
+ .fish {
+ max-width: 12rem;
+ }
+}
+@media screen and (min-width: 720px) {
+ .fish {
+ max-width: 20rem;
+ }
 }
 
 .done {