DEV Community

Swastik Yadav
Swastik Yadav

Posted on • Edited on

Instagram Login page UI clone. Can you tell which one is original?

Hey Everyone, 👋

The best way to learn to design webpages with CSS is to clone existing websites UI.

I have tried to clone the UI of the instagram login page.

Can you tell which one is original?

Image 1
Alt Text
Image 2
Alt Text

I really enjoyed cloning the Instagram login page and learned a lot.

SO, tell me which one is the original image. And if you would like to see the codebase of my clone, let me know in the comments.


If you want to build such pixel perfect web pages, you will surely love the My Weekly NewsLetter.

Thanks a lot for reading.

Top comments (4)

Collapse
 
mikeatupside profile image
Mike Lowe • Edited

The second one is the original image... only because of the typo in the first one "Login in with Facebook" 😁

Collapse
 
swastikyadav profile image
Swastik Yadav

Oh! 🤣

I didn't even noticed it up untill now. Nice catch and thanks for replying.

Collapse
 
swastikyadav profile image
Swastik Yadav

Oh Wow, The clones that you shared are awesome. Thanks for sharing.

And yes, second one is the original.

Collapse
 
serhatt_gencc profile image
Serhat Genç

can you show this code page ?