# Spot the bug - #21

**URL:** <https://forum.kirupa.com/t/spot-the-bug-21/681040>\
**Category:** web dev\
**Created:** [May 1, 2026, 7:00am UTC](https://forum.kirupa.com/t/spot-the-bug-21/681040 "2026-05-01T07:00:11Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![WaffleFries](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wafflefries/32/31185_2.png) [@WaffleFries](https://forum.kirupa.com/u/WaffleFries)\
**Post date:** [May 1, 2026, 7:00am UTC](https://forum.kirupa.com/t/spot-the-bug-21/681040/1 "2026-05-01T07:00:12Z")

</div>

Can you find the CSS bug?

```css
:root {
  --brand: #4f46e5;
}
.button {
  color: var(--brnad);
}

```

Reply with what is broken and how you would fix it.

WaffleFries

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 2, 2026, 4:02am UTC](https://forum.kirupa.com/t/spot-the-bug-21/681040/2 "2026-05-02T04:02:42Z")

</div>

The property name “brnad” is misspelled!

---

<div class="post-metadata">

**Author:** ![WaffleFries](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wafflefries/32/31185_2.png) [@WaffleFries](https://forum.kirupa.com/u/WaffleFries)\
**Post date:** [May 2, 2026, 7:07am UTC](https://forum.kirupa.com/t/spot-the-bug-21/681040/3 "2026-05-02T07:07:05Z")

</div>

The property name “brnad” is misspelled!

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 2, 2026, 7:07pm UTC](https://forum.kirupa.com/t/spot-the-bug-21/681040/4 "2026-05-02T19:07:44Z")

</div>

Did you literally copy my answer verbatim? 🙂