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

styles using css

@Mugilan010

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


1.I feel difficult to do form validation.

2.nothing.

3.no, i love it

Community feedback

@oc-garcia

Posted

Hello! a feel things that you can improve here mate! instead of making a second html archive, you can change the form to display none and create a second thank you card that appears where it was after you submit it.

Also, try using flex box and responsive metrics as % or rem, it could help you when implementing the project in different screen sizes. As you can see the layout broke in your screenshot.

check my GitHub repository for this project, it is not perfect but it might help you with one thing or another. https://github.com/oc-garcia/interactive-card-details-form-main.

it is difficult to re create the layout without the figma file, but you can do better with the colors and inputs of the form!

Overall great job! keep coding and have fun my friend!

Marked as helpful

1

@Mugilan010

Posted

@oc-garcia thanks you🙂

0

@Mugilan010

Posted

@oc-garcia sir currently you working in what kind of jobs,can you share with me

0

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