Home » Education » How to Build Responsive Facebook Clone using HTML & CSS - Beginners Tutorial

How to Build Responsive Facebook Clone using HTML & CSS - Beginners Tutorial

Written By Future Coders on Thursday, May 20, 2021 | 08:45 AM

 
Do you want to improve your #html & #css skills? Then Watch this video and follow along with me where we build #responsive #facebookclone 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. Images : https://drive.google.com/file/d/1016CfeNPwLNQpRuWd5DM3p0Yex6yxCiW/view?usp=sharing GET Source Code : https://gum.co/iDGOv Timestamps: 00:00 Introduction 02:36 Project Setup 04:32 Importing Google Font Icons 06:50 Building Header 13:25 Styling Header 28:03 Building Sidebar 31:38 Styling Sidebar 34:05 Building Stories 38:26 Styling Stories 47:46 Building Message Sender 51:22 Styling Message Sender 56:56 Building Posts 01:01:47 Styling Posts 01:07:42 Adding Widgets 01:10:51 Adding Responsiveness Watch Our Previous Videos : ➡️ Build a Gmail Clone using just HTML & CSS - For Complete Beginners https://youtu.be/ZgUehcvVx7g ➡️ Build a LinkedIn Clone using just HTML & CSS - For Complete Beginners https://youtu.be/RnN6r0fTbvQ ➡️ Build a Google Clone with just HTML & CSS - For Complete Beginners https://youtu.be/zhH9uvTOyQM ➡️ How to Build Responsive YouTube Clone using HTML & CSS - Beginners Tutorial | Part 1 https://youtu.be/pOAwQ0FkVz8 ➡️ How to Build Responsive YouTube Clone using HTML & CSS - Beginners Tutorial | Part 2 https://youtu.be/dioXwoNkOzg You can find me on: 📸 Instagram: https://www.instagram.com/somanath_goudar 🌎 Website: https://somanath-goudar.github.io/portfolio/ 📝 LinkedIn: https://www.linkedin.com/in/somanath-goudar-063aa21ba/ 📂 GitHub: https://github.com/somanath-goudar Credits: Inspired from Clever Programmer https://www.youtube.com/c/CleverProgrammer Background Music Used: First Light : https://youtu.be/0SVbJldc5wM Disclaimer : This video is meant only for improving your html and css skills and purely for education purpose not for any other intentions.