Please sign in to access this page
VidTube (Youtube Clone)
This project is a fully responsive, static front-end replica of the YouTube homepage, crafted entirely using HTML and CSS. It faithfully mirrors YouTube’s clean, modern UI — featuring a dynamic header, intuitive sidebar navigation, and a structured video grid layout that adapts seamlessly across screen sizes.
Though it doesn't include interactive functionalities such as video playback, search, or live content rendering, the project serves as a strong demonstration of how HTML and CSS alone can be leveraged to build a visually compelling and professional-grade web interface. It highlights foundational front-end skills in layout design, responsiveness, and UI consistency.g
Followers
No followers yet
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
I gave the finishing touches to the project and also changed the logo.
I updated the video selection, added href links to open the videos in Youtube, and restructured my code efficiently.
I embedded responsive design in the wesbite using the media structure tool, thus ensuring everything fits properly in the page.
I added tootips to the icons for easier navigation and understanding of the page.
I finished with the sidebar and made the icons and text perfectly aligned and positioned relative to the page.
I formatted the structure of the header including padding and margins, also added a sidebar.
I just finished with making the header of the webpage, making sure the design is sleek and similar to the original framework.
I worked on the basic layout and structure of the header using flexboxes.
I made the basic structure and layout of the website including CSS grids and flexboxes. Also, tried to match the aesthetics and the appeal to that of the original website.
