🐦 Twitter Clone (HTML & CSS)

This project is a simple clone of the Twitter homepage UI, built using only HTML and CSS. It replicates the core structure and layout of Twitter's interface, including the sidebar navigation, feed section, trending panel, and tweet layout — designed to practice responsive front-end design.

💡 Features

• ✅ Responsive layout for various screen sizes
• ✅ Left sidebar with navigation icons and profile section
• ✅ Main feed area with tweet box and sample tweets
• ✅ Right-side panel for trends, suggestions, or topics
• ✅ Clean design inspired by Twitter's current UI
• ✅ Hover effects and modern styling

🛠️ Technologies Used

• HTML5
• CSS3 (Flexbox & Grid)

🚀 How to Run

1. Download or clone this repository.
2. Open index.html in your browser.

📖 Learning Objectives

• Practice building static responsive layouts
• Use Flexbox and Grid for multi-column page design
• Recreate modern UI components using pure HTML & CSS

📂 Folder Structure

• twitter-clone/ ├── twitter.html ├── style.css ├── content.css ├── general.css ├── header.css ├── left_sidebar.css └── right_sidebar.css ├── images/ ├── icons/ └── README.md

⚠️ Note

This is a static front-end project for educational purposes. It does not include any backend, authentication, or real-time functionality.