Use percentages instead of absolute units for view progress timeline … (#41171)

radiantly · web-flow · commit 1fbe66fcace0 · 2025-09-17T18:48:09.000-04:00
Use percentages instead of absolute units for view progress timeline example
diff --git a/files/en-us/web/css/animation-timeline/view/index.md b/files/en-us/web/css/animation-timeline/view/index.md
@@ -165,13 +165,13 @@ To aid the understanding of the result, extra elements `subject-container`, `top
 
 .top {
   top: 0;
-  height: 244px;
+  height: 50%;
   align-items: end;
 }
 
 .bottom {
-  top: 432px;
-  height: 48px;
+  bottom: 0;
+  height: 10%;
 }
 ```
 

Original file line number	Diff line number	Diff line change
@@ -165,13 +165,13 @@ To aid the understanding of the result, extra elements `subject-container`, `top
`165`	`165`
`166`	`166`	`.top {`
`167`	`167`	`top: 0;`
`168`		`- height: 244px;`
	`168`	`+ height: 50%;`
`169`	`169`	`align-items: end;`
`170`	`170`	`}`
`171`	`171`
`172`	`172`	`.bottom {`
`173`		`- top: 432px;`
`174`		`- height: 48px;`
	`173`	`+ bottom: 0;`
	`174`	`+ height: 10%;`
`175`	`175`	`}`
`176`	`176`	```
`177`	`177`