YouTube UI Clone (HTML & CSS)

This project is a UI clone of YouTube’s homepage, created using pure HTML and CSS.
It is also my first responsive website, built as part of my front-end learning journey.

🖥️ Project Overview

• Static clone of YouTube’s web UI
• First responsive website
• Designed to adapt to different screen sizes
• Focus on layout, alignment, and styling
• No JavaScript or backend functionality included

✨ Features

• YouTube-style header and navigation bar
• Sidebar menu layout
• Responsive video grid / cards section
• Channel info and video details UI
• Responsive layout for desktop and smaller screens
• Clean and structured HTML
• Well-organized CSS

🛠️ Technologies Used

• HTML5
• CSS3

🎯 Purpose of This Project

• Build my first responsive website
• Practice real-world UI cloning
• Improve understanding of:
  • Responsive layouts
  • CSS Flexbox / Grid
  • Media queries
  • Spacing, fonts, and alignment
• Strengthen HTML & CSS fundamentals

🚧 Limitations

• This is a static UI clone
• No video playback functionality
• No JavaScript, API, or backend used

📌 Disclaimer

This project is created only for educational purposes.
It is not affiliated with or endorsed by YouTube or Google.
All trademarks and design references belong to their respective owners.

🚀 Learning Status

This project represents an important milestone in my learning journey as it is my first responsive website.
I will continue improving it as I learn new front-end technologies.

---

✨ Built with HTML & CSS as my first responsive project.