All lab notes
Lab note 006FixTailwind · CSS
Tailwind Gradient Text
A compact technical record: the context, the useful detail, and the implementation path.
Working note. Short by design, but complete enough to return to when the same problem appears again.
Here is how to do text gradients correctly in Tailwind so they handle multiline wrapping.
tsxSnippet<h1 className="bg-linear-to-r from-blue-500 to-purple-500 box-decoration-clone bg-clip-text text-transparent"> Hello World</h1>