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

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:

FACEBOOK Clone Using just HTML & CSS - Beginners Tutorial

Somanath Goudar ・ May 21 '21

#webdev #beginners #tutorial #html

Build A Password Generator with React JS - react-toastify - Beginners Tutorial

Somanath Goudar ・ Mar 23 '21

#javascript #react #beginners #tutorial

Comments

[Shivam Sharma]

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

[Somanath Goudar]

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

[ahanist]

پروفيل به معناي يک شکل يا مقطع خاص است که معمولاً از مواد مختلفي مانند فولاد، آلومينيوم، چوب و پلاستيک ساخته مي‌شود. پروفيل‌ها به طور عمده در صنايع ساخت و ساز، مهندسي و توليد استفاده مي‌شوند.
انواع پروفيل:
پروفيل‌هاي ساختماني: مانند تيرآهن، نبشي و سپري که در سازه‌هاي ساختماني کاربرد دارند.
پروفيل‌هاي صنعتي: که در توليد قطعات ماشين‌آلات و تجهيزات استفاده مي‌شوند.
پروفيل‌هاي دکوراتيو: براي طراحي داخلي و نماي ساختمان.
قيمت پروفيل کيان پرشيا
ويژگي‌ها:
استحکام: پروفيل‌ها معمولاً براي تحمل بارهاي مختلف طراحي مي‌شوند.
وزن سبک: برخي از پروفيل‌ها مانند آلومينيومي سبک‌تر و قابل حمل‌تر هستند.
انعطاف‌پذيري در طراحي: پروفيل‌ها مي‌توانند به اشکال مختلف برش داده شوند.

[Somanath Goudar]

Yes Shivam, Will Work on it

[Jimmy]

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

[Somanath Goudar]

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

[Somanath Goudar]

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

[Mafee7]

Wow

[Pawan Pawar]

Good one!!

[Somanath Goudar]

Thank You! Glad you liked it

[Mafee7]

Looks Exactly Like Youtube, Add Dark Theme

[Somanath Goudar]

Yeah 😍

[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.

[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

[Nadra Card Centre]

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