# Tailwind CSS Setup

This is a minimal setup for Tailwind CSS using PostCSS and a simple static site.

## Requirements

- Node.js >= 14
- npm (comes with Node.js)

## Installation

1. Open a terminal in the project root (`c:\Users\EDUNEXT\Desktop\Tailwind`).
2. Run:
   ```sh
   npm install
   ```

## Available commands

- `npm run build:css` – compile `src/input.css` to `dist/output.css` once.
- `npm run watch:css` – build CSS and watch for changes.
- `npm run start` – serve the `dist` folder using **live-server** (starts at `http://127.0.0.1:8080`).

## Workflow

1. Edit `src/input.css` or any HTML inside `dist`.
2. Start the watcher: `npm run watch:css`.
3. Open `npm run start` in a separate terminal to view changes live.

## Extending

- Add more entry points to `tailwind.config.js` under `content`.
- Customize theme by editing `tailwind.config.js`.
- Add PostCSS plugins in `postcss.config.js`.

Happy coding with Tailwind! 🎉