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

Intro component with sign up form

Jamesā€¢ 390

@neenreva

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

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

Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

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