fix: ui scrolling issue

mathewmeconry · mathewmeconry · commit 66ffd4e0bdeb · 2024-12-10T17:28:12.000+01:00
diff --git a/public/index.html b/public/index.html
@@ -14,7 +14,6 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        overflow: hidden;
       }
       .container {
         background: rgba(255, 255, 255, 0.1);
@@ -79,6 +78,16 @@
         border-color: #ffa07a;
         box-shadow: 0 0 10px #ffa07a;
       }
+
+      #snowflakes {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        pointer-events: none;
+        z-index: -1;
+      }
     </style>
     <script>
       function validateChallenge() {
@@ -121,6 +130,7 @@
     </script>
   </head>
   <body>
+    <div id="snowflakes"></div>
     <div class="container">
       <h1>🎅 Crypto Christmas Challenge 🎁</h1>
 
@@ -181,7 +191,7 @@ <h3>Magic Funds</h3>
 
     <script>
       function createSnowflakes() {
-        const container = document.body;
+        const container = document.getElementById("snowflakes");
         for (let i = 0; i < 50; i++) {
           const snowflake = document.createElement("div");
           snowflake.classList.add("snowflake");
