Table of contents
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.
- HTML
- CSS
-
Clone the repository:
git clone https://github.com/hemanth110702/clone-youtube.com.git cd clone-youtube.com
-
Open the index.html file
- 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.
Desktop View | ||
---|---|---|
Home | ||
![]() |
||
Hover effect for channel | ||
![]() |
||
Medium Screens | ||
![]() |
||
Small Screens | ||
![]() |