X (Twitter) UI Clone using Tailwind CSS

🚀 Live Demo

https://thehemantpandey.github.io/X-Clone-tailwindcss/

A responsive frontend UI clone of X (formerly Twitter) built using HTML and Tailwind CSS.
This project was created after learning Tailwind CSS to enhance my practical understanding of utility-first CSS and modern UI layout techniques.

🔍 About the Project

This project focuses purely on frontend UI development.
It recreates the visual layout of X (Twitter) to practice building real-world interfaces using Tailwind CSS.
There is no backend functionality such as authentication, posting, or database integration.

📸 Screenshots

![Desktop View]

![Mobile View]

## ✨ Features
- X (Twitter) style user interface
- Responsive design for multiple screen sizes
- Utility-first styling using Tailwind CSS
- Clean and well-structured codebase
- Static frontend project

## 🛠️ Tech Stack
- HTML5
- Tailwind CSS
- Node.js (for Tailwind CSS build process)

## 📁 Project Structure
```text
css/
 ├── input.css        # Tailwind source file
 ├── output.css       # Compiled Tailwind CSS
image/
 ├── me.png
 ├── me1.png
 └── me2.png
index.html
tailwind.config.js
package.json

---

📚 Learning Outcomes

Practical understanding of Tailwind CSS utility classes

Experience building responsive layouts

Learned Tailwind configuration and build workflow

Improved frontend UI development skills

---

⚠️ Disclaimer

This project is created only for educational purposes. All design credits belong to X (Twitter).

👨‍💻 Author

Hemant Pandey Frontend Developer | Tailwind CSS Learner