Skip to content

This project is a responsive UI clone of a video streaming platform, featuring a fixed header, sidebar, and video grid. It uses Flexbox and CSS Grid for a seamless experience across devices.

Notifications You must be signed in to change notification settings

HossamElrawy/YouTube-Homepage-Simulation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Video Streaming UI Clone

This project is a simple UI clone of a video streaming platform (such as YouTube). It consists of a header, sidebar, video grid, and user profile elements that simulate the look and feel of the platform. The layout is built using HTML, CSS (Flexbox and Grid), and is responsive to adapt to various screen sizes.

Features

  • Header Section: Contains the logo, search bar, voice search button, and user profile with a notification counter.
  • Sidebar: Fixed sidebar with links and icons.
  • Video Grid: A grid layout to display video thumbnails, titles, channel names, and more.
  • Hover Effects: Tooltip-style hover effects for elements like search, voice search, and notifications.
  • Responsive Design: The design adapts to different screen sizes using media queries.

Technologies Used

  • HTML: Used to structure the content of the webpage.
  • CSS: For styling and creating the responsive design. The layout uses Flexbox and CSS Grid.
  • Responsive Design: The project adapts to different screen sizes using media queries.

About

This project is a responsive UI clone of a video streaming platform, featuring a fixed header, sidebar, and video grid. It uses Flexbox and CSS Grid for a seamless experience across devices.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published