Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive Card Details Form Solution

@beslerpatryk

Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

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! 👇

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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