Design comparison
Solution retrospective
The method I used for showing the "Thank you" page, was removing all contents internal elements, and creating new ones using JavaScript, and assigning them an already predefined CSS class. I would appreciate any recommendations related to the way of displaying this page. My biggest problem was the design, the final product is not pixel perfect. I would be thankful to receive any improvements, suggested to my CSS in that regard.
Community feedback
- @K01wfdPosted about 1 year ago
Hi @IvayloKartev, some tips for the solution:
1- The submit function escaps without any selection make sure it checks if there is any selected value.
2- Using JS for updating the content it is bit overwhelming, try to use html pre-defined template then display it dynamically.
3- When querying multiple elements with javascript it is easier to throw same class on all the elements then query selector all of them, then if you want to work with them just use forEach loop.
4- A good reset for your css file would be better, use global selector at the top of your css file (box-sizing: border-box, margin:0, padding:0, font:iherit).
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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