Skip to content

Tailwind PROJECT 01 | paytm.in clone made only using HTML & Tailwind CSS

Notifications You must be signed in to change notification settings

arpit-pathak/PAYTM-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

PAYTM Website

Paytm clone 🚀 Website's Live Link🔗

by Arpit Pathak ✨

Screenshot

project 15 screenshot project 15 screenshot

📌 What I learned from this Project? 📝

  • The project is made entirely with html and tailwind css, so I have learned about tailwind in-depth.
  • I learned how to make beautiful cards with hover effect
  • Learned about transform property scale to make zoom effect on hover on cards.
  • Learned to change svg colors on hover over button.
  • Learned about transalte property to change the position of arrow inside button on hover.
  • Learned to use position Relative & Absolute with z-index in combination so that items can be stacked on top of each other.
  • Learned about Flexbox and its properties justify-content, align-items, gap & flex-direction.

📌 Time taken to finish this project ⏳

  • 15 hours

HTML Tailwind css author Live Project

Live Project Live Project