I've installed Tailwindcss in my project and configured the content after init.But,my styles are not getting applied in the page

Question

This is my tailwind config file.I've tried few other contents available in stackoverflow still Its not working.

anybody have any idea other than content any other mistakes?.Thanks in advance

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.js"],
 theme: {
extend: {},
 },
   plugins: [],
    }

Answer 1

Make sure you have added the following in your index.css file

@tailwind base;
@tailwind components;
@tailwind utilities;

In tailwind.config.js file

content: [
    "./src/**/*.{js,jsx,ts,tsx}",
],

For more details https://tailwindcss.com/docs/installation/framework-guides