This is a clone of Microsoft.com Home-Page using tailwindcss to learn the implementation of tailwind css and its dynamic characteristics
This website is setup by using Tailwind post css
1. Install Tailwind CSS &Install tailwindcss and its peer dependencies via npm, and create your tailwind.config.js file.
-> npm install -D tailwindcss postcss autoprefixer
-> npx tailwindcss init
2.Add Tailwind to your PostCSS configuration & Add tailwindcss and autoprefixer to your postcss.config.js file, or wherever PostCSS is configured in your project.
3.Add the paths to all of your template files in your tailwind.config.js file.
4.Add the Tailwind directives to your CSS & Add the @tailwind directives for each of Tailwind’s layers to your main CSS file.
5.Start using Tailwind in your HTML
Check out the build version - (https://clone-micro-soft.netlify.app/)
