Fix | Prevent scrollbars on ViewTransitions MPA example (#296)

bloycey · bsmth · pepelsbey · web-flow · commit f38cd1c00242 · 2025-08-13T12:42:05.000+02:00
* Make img a block element

* Use % instead of vw/vh

---------

Co-authored-by: Brian Smith &lt;brian@smith.berlin&gt;
Co-authored-by: Vadim Makeev &lt;hi@pepelsbey.dev&gt;
diff --git a/view-transitions/mpa/styles.css b/view-transitions/mpa/styles.css
@@ -11,8 +11,9 @@ body {
 }
 
 img {
-    width: 100vw;
-    height: 100vh;
+    display: block;
+    width: 100%;
+    height: 100%;
     object-fit: cover;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -11,8 +11,9 @@ body {`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`img {`
`14`		`- width: 100vw;`
`15`		`- height: 100vh;`
	`14`	`+ display: block;`
	`15`	`+ width: 100%;`
	`16`	`+ height: 100%;`
`16`	`17`	`object-fit: cover;`
`17`	`18`	`}`
`18`	`19`