Tailwind css in react project not working

[fading charm]

Hi, I'm trying to create a simple project using react and have installed tailwind css into but its not working here what i have done

. Install tailwind using vite
. Added this command

npm install tailwindcss @tailwindcss/vite

to my current folder terminal

. Than added these two

import tailwindcss from '@tailwindcss/vite'
tailwindcss(),

to the vite. config.js file

. And added this one to the index.css file

@import "tailwindcss";
``

I can't figure out why tailwind is not working 
Here is the link to github repo:
https://github.com/Myragull/ReactProject

And live at:
https://myragull.github.io/ReactProject/

[fading charm]

I have installed latest version of tailwind using react. Previously i have done these steps in a react project and there every thing was working. Thanks in advance

[compact fractal]

I have the solution

See these commands does not works as a latest version of tailwind is out so see this video to fix it
https://www.youtube.com/watch?v=Uvemk9Q8_34

It can solve ur problem

[fading charm]

Ok