fix(playground): resolve layout distortion and hero elements overlap

nishtha-agarwal-211 · nishtha-agarwal-211 · commit 428fad45c1e7 · 2026-05-21T21:26:25.000+05:30
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 ─────────────────────────────────────────────────── */`