I Cloned the YouTube Homepage With Pure HTML & CSS (Beginner Friendly)
Practical Web Dev
View ChannelAbout
This channel provides how to video tutorials for web development. Like my teaching style? Check out my full stack php project based course - https://completewebdevcourse.com/
Video Description
🔥 Download my free web Developer Roadmap here: https://practical-web-dev.kit.com/5acad33052 👉 Want to go all in? Check out my Complete Web Developer Course here: https://completewebdevcourse.com/ 🖥️ Full Project Code: https://github.com/Practical-Web-Dev/youtube-homepage-clone Learn how to clone the YouTube homepage using pure HTML and CSS in this full, step-by-step tutorial. Perfect for beginners and aspiring developers who want to sharpen their layout, styling, and responsive design skills. In this project we cover: ✔️ Building the full desktop layout ✔️ Creating the YouTube-style navbar ✔️ Sidebar + grid video section ✔️ Using Flexbox & CSS Grid ✔️ Making the entire layout mobile responsive ✔️ Clean, structured code the way real developers do it This is a great project for your portfolio and a perfect warm-up for bigger full-stack apps. Video Chapters 00:00 - Project Intro 00:05:34 - Complete Web Dev Course 00:11:35- Create Project Files 00:20:59 - Create Favicon 00:26:25 - Navigation HTML 00:42:24 - Navigation CSS 01:04:05 - Navigation Mobile 01:18:04 - Sidebar HTML 01:22:59 - Sidebar CSS 01:31:34 - Videos Area HTML/CSS 01:42:33 - Videos Area Mobile 01:53:38 - YT Shorts Area Recommended Web Dev Books 📕📖📚 HTML & CSS: https://amzn.to/3Umaco7 JavaScript and JQuery: https://amzn.to/4or9Ie6 PHP & MYSQL: https://amzn.to/4m9RuMX My Web Dev Equipment 💻 Macbook Pro: https://amzn.to/45ajoSR ASUS ProArt Display: https://amzn.to/46Kzhk4 Plugable USB-C Triple Monitor Docking Station: https://amzn.to/3Jscyzq Keychron K8 Pro Wireless Mechanical Keyboard: https://amzn.to/4lk5iTw Logitech MX Anywhere 3S Wireless Mouse: https://amzn.to/4mBbibN Take My Free Courses 🎓 Learn HTML: https://www.youtube.com/watch?v=hGgyMGY8LkM&list=PLHK07DoqLi18DgwETucvwj7Twzr2hMjHa&ab_channel=PracticalWebDev Learn CSS: https://www.youtube.com/watch?v=o1ve0GvhL2E&list=PLHK07DoqLi1_fjBqQr4i4DCfZKl-6VmVo&ab_channel=PracticalWebDev Learn JS: https://www.youtube.com/watch?v=QjDQ7dAR46s&list=PLHK07DoqLi180j4nL7gzthzK2iNkiBzcK&ab_channel=PracticalWebDev
Upgrade Your Everyday
AI-recommended products based on this video
Kasa Smart Outdoor Smart Plug by TP-Link (KP400) - Smart WiFi Outlet with 2 Sockets, IP64 Waterproof, Works with Alexa and Google Home, 2.4GHz WiFi Required, No Hub Required, Sunset & Sunrise Offset
Wireless Earbuds, Sports Bluetooth Headphones, 80Hrs Playtime Ear Buds with LED Power Display, Noise Canceling Headset, IPX7 Waterproof Earphones for Workout/Running(Black)
Wireless Earbuds, Bluetooth 5.4 Headphones HiFi Stereo with 4 HD Mic, 50H Playtime Bluetooth Earbuds with LED Display, IPX7 Waterproof Wireless Earphones, Touch Control Ear Buds,USB-C White
Wireless Earbuds, Bluetooth Ear Buds 5.4 Mini HiFi Stereo with 4 ENC Noise Cancelling Mics Wireless Headphones, in Ear Earphones 40H IP7 Waterproof, USB C, Bluetooth Earbuds for Sports, Gym, Rose
soundcore P31i by Anker, Real-Time Adaptive Noise Cancelling, Hi-Res Sound, Translation Earbuds, 50H Playtime, Wireless Earbuds, Bluetooth Earphones, Spatial Audio, Fast Charging, IP55 ClimatePartner certified
Brita Stainless Steel Premium Filtering Water Bottle, BPA-Free, Reusable, Insulated, Replaces 300 Plastic Water Bottles, Filter Lasts 2 Months or 40 Gallons, Includes 1 Filter, Carbon - 20 oz.
Simple Modern Filtered Water Bottle | Insulated Stainless-Steel Carbon Filter Travel Water Bottles | Reusable for Clean Drinking Water On The Go | 24oz, Sea Glass Sage
FITVII Health & Fitness Tracker (Answer/Make Calls), Smart Watch with 24/7 Heart Rate and Blood Pressure, Sleep Tracking Monitor, 120+ Sport Mode Activity Tracker
AYATAHA AYATAHA Smart Watch for Kids, Smartwatch Fitness Tracker for Boys Girls, Children's Activity Watch 37 Sports Modes SMS Notification, HD Full Touchscreen IP67 Waterproof, Blue
Iaret Iaret Smart Watch for Women, 1.83" HD Fitness Tracker with 4 Bands, Answer/Make Calls, Heart Rate/Sleep/SpO2/Step Tracking, 100+ Sport Modes, Android/iPhone Compatible Gift (Rose Gold)
Smart Watch for Men Women 1.8" Fitness Tracker, Bluetooth Call, DIY Dial, Heart Rate Sleep Blood Oxygen Monitor, 100+ Sports Modes, IP68 Waterproof Smartwatch for Android iPhone, Alexa Built-in
Hand Warmers 2 Pack, 14000mAh Rechargeable Hand Warmers, Electric Hand Warmer Reusable, Portable Power Bank USB Hand Warmers 4 Levels 8 Heating, Gifts for Raynauds Ski Golf Camping
Hand Warmers Rechargeable, 10000mAh Electric Heated Gloves Power Bank Portable Graphene Handwarmers Pouch with 3 Levels & Double-Sided Heating for Hunting Camping Golf Xmas Gifts for Women Men Kids
2Pack Rechargeable Hand Warmer, 8000mAh Electric Hand Warmer Power Bank, Portable USB-C Hand Warmer for Pocket, Reusable Hand Warmer Up to 8 hrs Each, Warm Gift for Men Women, for Hunting, Camping
GTOCE Portable Charger,40000mAh Power Bank with 22.5W Fast Charging LED Digital Display Battery Pack with 6 Outputs 2 Inputs, Type C Powerbank Portable Charger for iPhone 16 pro Samsung AirPods,Black
YMZ Smart Watch for Men Women, IP68 Waterproof, Bluetooth Calling, Fitness Tracker, Sleep Monitoring, 1.85'' DIY Dial, AI Built-in, 100+ Sports Modes, 7 Days Battery, Compatible with Android & iPhones
Smart Watch for Men Women 1.8" Fitness Tracker, Bluetooth Call, DIY Dial, Heart Rate Sleep Blood Oxygen Monitor, 100+ Sports Modes, IP68 Waterproof Smartwatch for Android iPhone, Alexa Built-in
Smart Watch for Men Women with Bluetooth Call, Alexa Built-in, Heart Rate & Sleep Monitor, 1.83" DIY Dial Fitness Watch with 100+ Sport Modes, IP68 Waterproof, Compatible with Android iOS
Smart Watch for Men Women with Bluetooth Call, Alexa Built-in, Heart Rate & Sleep Monitor, 1.83" DIY Dial Fitness Watch with 100+ Sport Modes, IP68 Waterproof, Compatible with Android iOS
Hydroponics Growing System Indoor Garden - Herb Garden with Grow Light, 15 Pods Stainless Steel Indoor Garden Kit, Auto Timer, Gardening Gift for All Ages
Umbra Triflora Hanging Planter for Window, Indoor Herb Garden, Set of 5, White/Black
Large Hydroponics Growing System 14 Pods, Indoor Herb Garden with LED Grow Light, 5L Water Tank, Hydroponic Grow Kit with 3 Auto-Timers, Rotatable Light Panel and Child Lock for Home School Gardening
Hanging Planter Hanging Plant Holder, 6 Inch 4 Indoor Plant Pots, Wall/Window Plant Hanger Indoor Herb Garden
Ninja Air Fryer Pro 5-in-1, 5 QT Capacity, Air Fry, Bake, Roast, Reheat, and Dehydrate, Air Crisp Technology, Nonstick Basket & Crisper Plate, Grey, AF142C
Glass Oil Sprayer for Cooking, 180ml Olive Oil Sprayer Bottle with Brush, Olive Oil Spray Mister, Kitchen Gadgets Accessories for Air Fryer, Canola Oil Spritzer (GREY)
Hi.FANCY Portable Laptop Stand with Dual Cooling Fans for 14-17inch Laptops, Grey, 23.5 x 25.9 x 0.95cm
Laptop Stand for Desk, Adjustable Laptop Riser ABS+Silicone Foldable Portable Laptop Holder, Ventilated Cooling Notebook Stand for 10-15.6” Laptops,Tablet-Black
JETech 5 in 1 Case for Samsung Galaxy S25 Ultra 5G with 2-Pack Each Tempered Glass Screen Protector and Camera Lens Protector, Non-Yellowing Shockproof Bumper Phone Cover (Clear)
TAURI for iPhone 17 Pro Max Case 6.9" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard
TAURI for iPhone 17 Pro Case 6.3" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard
JOINPAYA 1Set Rechargeable Hand Warmer Hand Heater for Winter Heating Levels Compact
Shakven Rechargeable Hand Warmer | Cute Comfortable Portable Hand Warmers,Ergonomic Adjustable Energy-Efficient Small Heater for Travel, Outdoor, Winter
OCOOPA IP45 Waterproof Hand Warmer Rechargeable, Up to 15hrs Heat,10000mAh Durable Quick Charge Electric Hand Heater, PD Compatible, 3 Levels for Outdoors, Heavy Duty, H01-PD PRO
