Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 3 years ago

Interactive Card Details Form Solution

Patryk Besler•355
@beslerpatryk
A solution to the Interactive card details form challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hello 👋

This is my "Order Summary Component" solution using pure HTML, CSS, and JS 😁 I used a flex for the overall layout. If you see any issues with this project - let me know.

The project still has a lot of elements that need improving but I'm happy with the overall result. I always find managing those "flying" graphics to be extremely frustrating. Do you guys know any good resources/tutorials regarding that topic? Doing everything from using position absolute and adjusting the numbers is quite tedious, I just wonder 🤔 if is there a better way of handling the issue.

As always if you see any issues with this project - let me know. Any criticism/comments can certainly help me learn and grow as an aspiring front-end developer. Keep in mind that I try my best to always return the favor, so if you want someone to come and take a look at your code you are more welcome to leave a comment below! 👇

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Patryk Besler's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License