DeepFrontend
Learning Paths
Practice
System Design & DS
Design Studio
Data Structures Curriculum
Real-World Case Studies
Careers
Job Board
Resume Builder
Blog
Sign in
Search
⌘K
Go Pro
Loading compiler resources...
CSS Quiz Practice
Active Recall Drill Session
← Exit Session
Question 1 of 1
hard
CSS
Why does `<div className={`bg-${color}-500`}>` cause a missing-style bug in a Tailwind production build?
A
Template literals are not supported in JSX
B
Tailwind's JIT engine scans source files for literal, complete class name strings — a dynamically interpolated class name is never present as a complete literal anywhere, so the scanner can't find it and the CSS never gets generated
C
The color variable must be a number, not a string
D
This code works correctly, there is no bug
Check Answer