Tailwind css hover not changing text color in my website

Solution 1:

Can you try using the postcss.config.js like this:

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  }
}

and tailwind.config.js like this:

module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

And also try to use the latest version of tailwindcss

Follow this link for configuring tailwindcss properly!