How to Build Twitter Clone using HTML and CSS - Beginners Tutorial

Published: 05 June 2021
on channel: Future Coders

46,631

884

Do you want to improve your #html & #css skills? Then Watch this video and follow along with me where we build #twitter 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/drive/folder...

GET Source Code :
https://gum.co/iDGOv

Timestamps :
00:00 Intro & Demo
01:40 Project Setup
02:48 Importing Google Font Icons
03:46 Importing Font Awesome
05:02 Building Sidebar
08:40 Styling Sidebar
17:32 Building Feed
18:27 Building Tweet Box
20:23 Styling Feed and Tweet Box
27:35 Building Posts
31:58 Styling Posts
37:54 Building Widgets
41:10 Styling Widgets
44:44 Final Demo & End

Watch Our Previous Videos :
➔ Responsive Netflix Clone using HTML and CSS - Beginners Tutorial
   • How to Build Responsive Netflix Clone...

➔ Instagram Reels Clone using HTML & CSS - Beginners Tutorial
   • How to Build Reels Clone using HTML &...

➔ TikTok Clone With HTML and CSS - Beginners Tutorial
   • How to Build TikTok Clone using HTML ...

➔ Responsive Facebook Clone using HTML & CSS - Beginners Tutorial
   • How to Build Responsive Facebook Clon...

➔ Gmail Clone using just HTML & CSS - For Complete Beginners
   • How to Build Gmail Clone using HTML &...

➔ LinkedIn Clone using just HTML & CSS - For Complete Beginners
   • How to Build LinkedIn Clone using HTM...

➔ Google Clone with just HTML & CSS - For Complete Beginners
   • How to Build Google Clone using HTML ...

➔ Responsive YouTube Clone using HTML & CSS - Beginners Tutorial | Part 1
   • How to Build Responsive YouTube Clone...

➔ Responsive YouTube Clone using HTML & CSS - Beginners Tutorial | Part 2
   • How to Build Responsive YouTube Clone...

You can find me on:
📸 Instagram:   / somanath_goudar
🌎 Website: https://somanath-goudar.github.io/por...
📝 LinkedIn:   / somanath-goudar-063aa21ba
📂 GitHub: https://github.com/somanath-goudar

Credits:
Inspired from Clever Programmer
   / cleverprogrammer

Background Music Used:
First Light :    • First Light – Atch (No Copyright Music)

Disclaimer : This video is meant only for improving your html and css skills and purely for education purpose not for any other intentions.

Watch video How to Build Twitter Clone using HTML and CSS - Beginners Tutorial online without registration, duration hours minute second in high quality. This video was added by user Future Coders 05 June 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 46,631 once and liked it 884 people.