🌙 Tailwind Practice Project

A simple, responsive, and clean mini site built using TailwindCSS.
This project was created as part of my learning process to get hands-on with Tailwind utility classes, responsive design, and dark mode support.

---

📌 Features

• 💨 Built entirely with TailwindCSS
• 🌑 Includes Dark Mode toggle
• 📱 Fully responsive on mobile, tablet, and desktop
• 🎨 Clean and accessible UI with utility-first styling
• 🧪 Practicing real-world structure and semantic HTML

---

📸 Demo

👉 Live Preview

---

🛠 Tech Stack

• HTML5
• TailwindCSS (CDN)
• JavaScript (for dark mode toggling)

---

📚 What I Learned

• How to structure a clean webpage using utility-first classes
• How to apply and toggle dark mode with Tailwind
• Better understanding of responsive layouts and spacing utilities
• Practicing using flex, gap, rounded, shadow, and hover classes

---

🚀 What's Next?

I'm continuing to improve my Tailwind knowledge by:

• Building more components (cards, forms, modals)
• Rewriting some JavaScript-based mini-projects using Tailwind
• Eventually integrating Vue.js into my workflow

---

🙋‍♀️ About Me

This project is part of my frontend learning journey.
I'm currently focusing on mastering JavaScript and TailwindCSS to grow into a strong frontend developer.

📫 Feel free to check out more of my work at GitHub

---

Made with ❤️ by Fatima