clone-youtube.com

Table of contents

• Overview
• Technology Stack
• Getting Started
• Features
• Screenshots
• Link

Overview

This project involves creating a clone of YouTube using HTML and CSS, with a focus on utilizing grid and flex layouts to achieve a visually appealing and responsive design. The primary goal is to explore and showcase the power of these layout techniques while maintaining a minimalist design that captures the core features of YouTube's homepage.

Technology Stack

• HTML
• CSS

Getting Started

1. Clone the repository:

   git clone https://github.com/hemanth110702/clone-youtube.com.git
   cd clone-youtube.com

2. Open the index.html file

Features

• Grid and Flex Layouts: Utilizes modern CSS grid and flex layouts for structuring and styling, providing a responsive and visually appealing design.
• Responsive Design: Ensures that the web page adapts seamlessly to various screen sizes and devices, offering a consistent user experience.
• Minimalist Design: Follows a minimalist design approach, focusing on essential elements to keep the user interface clean and straightforward.
• User Interaction: Provides an interactive experience, allowing users to navigate through the layout and get a hands-on feel for the design.

Screenshots

Desktop View
Home
Hover effect for channel
Medium Screens
Small Screens

Link

🚀 Live Page

⬆️ Back to Top