GlitchText CSS Module Contains Invalid Syntax (Bug)

[Shuvo-code-dev]

◌ Concept

GlitchText.module.css contains raw JavaScript object syntax
instead of valid CSS. No browser can parse this file,
making the module completely non-functional.

✦ The Solution

Replace the contents of GlitchText.module.css with valid CSS:

.glitchText {
font-size: 2.5rem;
font-weight: 900;
color: white;
font-family: monospace;
letter-spacing: 0.1em;
}

Then update the component to use: className={styles.glitchText}

⚡ Why it matters?

The Code Lab is a learning resource. If developers learn
incorrect CSS patterns from Halqa, it defeats the entire
purpose of the platform.

🌑 Alternative Solutions

• Remove the CSS module entirely and keep the existing inline styles.

📌 Visuals & Context

File: web/src/components/modules/codelab/presets/GlitchText.tsx
Invalid file: GlitchText.module.css

---

Thank you for helping us evolve the circle. 🪶