Youtube Clone
A responsive recreation of the YouTube homepage layout, built with pure HTML and CSS.
About this project
A recreation of the YouTube homepage built with only HTML and CSS, as practice in modern CSS layout.
Key features:
- Fixed header with search bar, voice search button, and icon tooltips on hover
- Fixed sidebar navigation
- Video grid built with CSS Grid that adapts from 2 to 3 to 4 columns as the screen grows
- Video thumbnails with duration overlays and channel avatars with hover tooltips
- No JavaScript: layout, positioning, and hover states are all done in CSS