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

Опубликовано: 05 Июнь 2021
на канале: 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.