jamilharun / LAB1-FINALS

0 stars 0 forks source link

tailwind css is not working #2

Open jamilharun opened 7 months ago

jamilharun commented 7 months ago

branch:

tailwindcss_bug

i installed the css tailwind in our system. but when i tested it for some reason it does not work....

<p className="read-the-docs via-fuchsia-600 text-xl font-black">

jamilharun commented 7 months ago

fix

reinstall tailwindcss with postcss autoprefixer.

npm install -D tailwindcss postcss autoprefixer

Add the @tailwind directives for each of Tailwind’s layers to your ./src/index.css file.

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

Add the paths to all of your template files in your tailwind.config.js file.

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

create manually the file postcss.config.cjs, with

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