//I followed the instructions in the tailwind documentation to install and set up everything. However, when I try to use tailwind utility classes in my HTML file, they don't seem to work. Can someone please assist me with this issue?
// Here is my src/style.css
@tailwind base;
@tailwind components;
@tailwind utilities;
//After running the command npm run build-css, it generated pre-built CSS in the public folder. I then created an HTML file called index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div>
<h1 class="text-orange-700">Hello Jaydeep</h1>
</div>
</body>
</html>
'''
//When applying tailwind classes, they do not take effect. It is worth mentioning that including the CSS file directly in the HTML file caused font and size changes, but using utility classes did not yield the desired style.