CodeWithHarry · Roshan-Chourasia · Jul 23, 2025
diff --git a/Video 98/index.html b/Video 98/index.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
-  <link rel="stylesheet" href="src/output.css">
+  <link rel="stylesheet" href="output.css">
 </head>
 <body>
 

diff --git a/Video 98/input.css b/Video 98/input.css
@@ -0,0 +1 @@
+@import "tailwindcss"; 
diff --git a/Video 98/package.json b/Video 98/package.json
@@ -5,12 +5,14 @@
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "npx tailwindcss -i ./src/input.css -o ./src/output.css --watch"
+    "build": "npx tailwindcss -i ./input.css -o ./output.css --watch"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "tailwindcss": "^3.4.1"
+    "tailwindcss": "^4.0.0",
+    "postcss": "^8.4.0",
+    "autoprefixer": "^10.4.0"
   }
 }
diff --git a/Video 98/setup.md b/Video 98/setup.md
@@ -1,5 +1,45 @@
 ## How to setup Tailwind CSS
 
+> **Note:** These instructions have been updated for Tailwind CSS v4 (2024). If you are following the original course (which used v3), see the legacy instructions below. This update was made because I was following the course and hit issues due to outdated steps, so I am submitting this fix to help future learners!
+
+---
+
+### 🟢 **Tailwind CSS v4 (Recommended, 2024)**
+
+**Step 1:** Install Tailwind CSS CLI, PostCSS, and Autoprefixer:
+
+```
+npm install -D tailwindcss@latest tailwindcss/cli postcss autoprefixer
+```
+
+**Step 2:** Create an `input.css` file in your project root (not in `src/`):
+
+```
+@import "tailwindcss";
+```
+
+**Step 3:** Add this build script to your `package.json`:
+
+```
+"build": "npx tailwindcss -i ./input.css -o ./output.css --watch"
+```
+
+**Step 4:** Run the build script:
+
+```
+npm run build
+```
+
+**Step 5:** Link the generated `output.css` in your HTML (in the root, not in `src/`):
+
+```html
+<link rel="stylesheet" href="output.css">
+```
+
+---
+
+### 🟡 **Legacy Tailwind CSS v3 Setup (as in the original course)**
+
 Step 1: Run the following commands
 
 ``` 
@@ -24,4 +64,8 @@ Step 4: Include the src/output.css file to your html
 Step 5: Run the following command:
 ```
 npx tailwindcss -i ./src/input.css -o ./src/output.css --watch
-```
+```
+
+---
+
+**If you are starting fresh, use the v4 method above for a simpler and more up-to-date experience!**
diff --git a/Video 98/src/input.css b/Video 98/src/input.css