Spot the bug - #9

programming web dev
1

Can you find the CSS bug?

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

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

Ellen

2

Your custom property name is misspelled: you defined --brand but you’re referencing --brnad, so color becomes invalid and falls back to whatever else applies.

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

Did you mean to add a fallback color there so it doesn’t silently fail next time?