DEV Community

loading...

Build a YouTube Clone with just HTML & CSS + Responsive - For Beginners

Somanath Goudar
I am a Web Developer and I just Love to Code. Coding is my Addiction. It gives me superpowers, lol.
Updated on ・1 min read

Part 1: Building YouTube Clone

Part 2: Adding Responsiveness to the Build

CodePen:

Do you want to improve your HTML & CSS skills? Then Watch this video and follow along with me where we build YouTube Clone using just HTML & CSS. We will be using flexbox and Google font Icons in this project.

Hope You Guys Enjoyed the Video. Like Share Comment and Subscribe to my channel for more videos like these.

Code : https://github.com/somanath-goudar/html-css-projects

You may also like my other posts:

Discussion (14)

Collapse
shivams136 profile image
Shivam Sharma

You can convert it into a working demo using codepen or Github-pages. That will be very useful for the viewers.

Collapse
somanathgoudar profile image
Somanath Goudar Author

Hi Shivam, Just Updated the Post with an working Demo using codepen.

Collapse
somanathgoudar profile image
Somanath Goudar Author

Yes Shivam, Will Work on it

Collapse
geminii profile image
Jimmy

Hey 👋
Nice rebuild of YouTube but whqt about responsive ? Could be nice to add it 👍

Collapse
somanathgoudar profile image
Somanath Goudar Author

Hey, Just Updated the post with Responsiveness of the build. I added Responsiveness to the Build.

Collapse
somanathgoudar profile image
Somanath Goudar Author

Thank you, Yes, will work on the responsiveness of the build 👍

Collapse
aalphaindia profile image
Pawan Pawar

Good one!!

Collapse
somanathgoudar profile image
Somanath Goudar Author

Thank You! Glad you liked it

Collapse
mafee6 profile image
MAFEE7

Looks Exactly Like Youtube, Add Dark Theme

Collapse
somanathgoudar profile image
Somanath Goudar Author

Yeah 😍

Collapse
mafee6 profile image
MAFEE7

Wow

Collapse
kr4idle profile image
Pete Steven

Nice, looks very much like youtube.

You could also try a nocode tool like Desech Studio to work on the html/css visually, instead of writing it by hand.

Collapse
muhammadraihan27 profile image
Muhammad Raihan

where do you get this img??, i also want to clone more app, but i dont have img(image). please give information to get img from more app. am in indonesia

Collapse
cardnadra profile image
Nadra Card Centre

Can you make this demo workable template for blogspot including embed iframe link bro?