How to Install TailwindCSS from Scratch React in 5 min

How to Install TailwindCSS from Scratch React

The List:
step 1: npx create-react-app my-tailwind-app

step 1.5 npm start

step 2: npm install tailwindcss postcss-cli autoprefixer

step 3: npx tailwindcss init

step 4: require('tailwindcss'),
require('autoprefixer'),

step 5:

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

or
content: ["./src/**/*.{html,js}"],

step 7: navbar

step 8: npm install @headlessui/react @heroicons/react

step 8: npm start

[samuelraj]

i followed every step you mention but, styling is not applied to navbar