updated breakpoint to 520px

PiyushChandra17 · PiyushChandra17 · commit 61d1d70e63ee · 2023-11-27T17:04:25.000+05:30
diff --git a/client/styles/components/_collection.scss b/client/styles/components/_collection.scss
@@ -104,9 +104,9 @@
   @extend %dropdown-open-right;
   padding: #{20 / $base-font-size}rem;
   width: #{350 / $base-font-size}rem;
-  @media only screen and (max-width: 768px) {
-    position: absolute;
-    left:-10rem;
+  @media only screen and (max-width: 520px) {
+    max-width: 90vw;
+    right: -#{120 / $base-font-size}rem;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -104,9 +104,9 @@`
`104`	`104`	`@extend %dropdown-open-right;`
`105`	`105`	`padding: #{20 / $base-font-size}rem;`
`106`	`106`	`width: #{350 / $base-font-size}rem;`
`107`		`- @media only screen and (max-width: 768px) {`
`108`		`- position: absolute;`
`109`		`- left:-10rem;`
	`107`	`+ @media only screen and (max-width: 520px) {`
	`108`	`+ max-width: 90vw;`
	`109`	`+ right: -#{120 / $base-font-size}rem;`
`110`	`110`	`}`
`111`	`111`	`}`
`112`	`112`