Design comparison
Solution retrospective
I found the JS a bit tricky at first. I saw that the examples most likely used block elements/event listeners to toggle classes like 'hidden'. At that time I thought it would be a better solution to inject some elements and have some css baked in to position them. I've seen it used in a tutorial in the past and it seemed like an easy way to add an element to be used for something like an error message. I should also mentioned that this tutorial briefly went over security risks with it. So when I ran into a bit of difficulty wanting to remove the injected HTML I went down a rabbit hole of ways to safely inject HTML. Turns out it's just a really not good idea and should be avoided altogether if possible. So I went back to original thought and this is the solution I developed.
Community feedback
- @shashreesamuelPosted over 2 years ago
Hey neenreva, good job completing this challenge. Keep up the good work
Your solution looks good however I think your button text needs to be a bit bigger and the blue banner text needs to be a bit bigger
I hope this helps
Cheers Happy coding š
0
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