Absolute beginner friendly repo for learning TailwindCSS
- Initialize the packet.json file by using npm init -y
- Create node modules folder which have all the dependencies "npm install -D tailwindcss"
- Create a config file using "npx tailwindcss init"
- Create a css file for input directives @tailwind base; @tailwind components; @tailwind utilities;
Add this to head section
<script src="https://cdn.tailwindcss.com"></script>- Add the config(optional) in tailwind.config.js file
- Add the screen size
- Add the color combinatio
- Add animations by adding the keyframes:{}, and animation:[] in the extend part