Tailwind CSS Gradient Rendering Issue

This repository demonstrates a bug where a Tailwind CSS gradient background might not render correctly in certain browsers or CSS configurations. The gradient may appear as a solid color or not at all.

Bug Description

The issue occurs when using Tailwind's gradient classes to style a background. In some cases, the gradient is not applied correctly, and a solid color is displayed instead.

Bug Reproduction

1. Clone this repository.
2. Open bug.html in your browser.
3. Observe the unexpected rendering of the gradient.

Solution

The problem might be caused by browser compatibility or conflicting CSS rules. The solution is provided in the bugSolution.js file.