Tailwindcss not taking effect when i use it in html file

Question

I have installed tailwindcss using PostCSS. However it's not taking effect when i try to use it to style my html.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/dist/output.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <title>Home Page</title>
</head>

Here is the output in tailwind.config.js:

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

suntosh aqula · Accepted Answer · 2022-03-02 19:44:08Z

1

i changed the path to ../dist/output.css

<link href="../dist/output.css" rel="stylesheet">

it is not properly pointing to the right output.css file location

edited Mar 2, 2022 at 19:44

answered Mar 2, 2022 at 18:25

suntosh aqula

257 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Andy J Over a year ago

Did you manage to solve your own issue? If yes, then please give the "tick" to accept your own answer.

suntosh aqula Over a year ago

i dont have rights to tick the answer as accept.

Collectives™ on Stack Overflow

Tailwindcss not taking effect when i use it in html file

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related