Merge pull request #542 from nishtha-agarwal-211/fix/decorative-code-overlapping-474

steam-bell-92 · web-flow · commit 836917882c48 · 2026-05-21T22:14:17.000+05:30
fix(playground): resolve layout distortion and hero elements overlap
diff --git a/web-app/index.html b/web-app/index.html
@@ -33,6 +33,9 @@
         .playground-section {
             padding: 3rem 0 5rem;
             animation: fadeIn 0.35s ease;
+            position: relative;
+            z-index: 2;
+            background-color: var(--bg-color);
         }
 
         /* ── Header ─────────────────────────────────────────────────── */

Original file line number	Diff line number	Diff line change
`@@ -33,6 +33,9 @@`
`33`	`33`	`.playground-section {`
`34`	`34`	`padding: 3rem 0 5rem;`
`35`	`35`	`animation: fadeIn 0.35s ease;`
	`36`	`+ position: relative;`
	`37`	`+ z-index: 2;`
	`38`	`+ background-color: var(--bg-color);`
`36`	`39`	`}`
`37`	`40`
`38`	`41`	`/* ── Header ─────────────────────────────────────────────────── */`