fix(playground): prevent horizontal scrollbar on ios device frame view (#2789)

averyjohnston · web-flow · commit 52741587c205 · 2023-02-27T17:06:47.000-06:00
diff --git a/src/components/global/Playground/playground.css b/src/components/global/Playground/playground.css
@@ -208,8 +208,10 @@
   width: 0%;
 }
 
-.playground .frame-visible {
-  width: 100%;
+@media only screen and (max-width: 600px) {
+  .playground .frame-visible {
+    width: 100%;
+  }
 }
 
 /** Tabs **/

Original file line number	Diff line number	Diff line change
`@@ -208,8 +208,10 @@`
`208`	`208`	`width: 0%;`
`209`	`209`	`}`
`210`	`210`
`211`		`-.playground .frame-visible {`
`212`		`- width: 100%;`
	`211`	`+@media only screen and (max-width: 600px) {`
	`212`	`+ .playground .frame-visible {`
	`213`	`+ width: 100%;`
	`214`	`+ }`
`213`	`215`	`}`
`214`	`216`
`215`	`217`	`/ Tabs /`