/yt-03-fb-dashboard

Facebook Dashboard, Fully responsive using HTML and CSS.

Primary LanguageHTML

🔥 Facebook Dashboard Clone – HTML & CSS Only (2025)

A responsive Facebook-style dashboard UI built using just HTML and CSS — no frameworks, no JavaScript.


HTML Crash Course Thumbnail

📺 Watch Full Project Tutorial (5.5 Hours)

👉 Watch on YouTube


🚀 Live Demo

🔗 Deployed on Netlify


📁 Project Features

  • ✅ Clean and responsive layout (Mobile, Tablet, Desktop)
  • 🧱 Flexbox-based layout design
  • 📱 Mobile-first approach
  • 🖼️ Story section, feed posts, navbar, search bar
  • 📐 Pixel-perfect spacing and alignment
  • 🌐 Deployed with Netlify

🛠️ Tech Used

  • HTML5
  • CSS3 (Flexbox, Positioning, Media Queries)
  • VS Code + Live Server

📸 Screenshots

💻 Desktop View

Desktop Screenshot

📱 Mobile View

Desktop Screenshot


✅ Submit Your Version!

If you're following along the YouTube series and built your own version,
📬 Submit here to get featured: Submit Your Project


🔗 Useful Resources


🧠 What You'll Learn

  • Structuring complex layouts in HTML
  • Applying Flexbox to build UIs
  • Creating responsive designs with media queries
  • Understanding mobile-first workflow
  • Clean code practices (comments, class names, organization)
  • Using useful dev tools and Chrome extensions

💬 Connect with Me


⭐ Credits

Created by Developer Junaid
Part of 2025 HTML & CSS Crash Course Series in Urdu / Hindi


📄 License

This project is open-source and free to use for educational purposes.