Design comparison
SolutionDesign
Solution retrospective
Still working on my JS skills
Community feedback
- @AssadullahADELYARPosted about 1 year ago
Hello!
Congratulation you have done very well, but for good practice you should not add everything inside the form.
<form action="#" id="form" class="container"> <h2> WE'RE <span class="coming">COMING SOON</span> </h2> <p class="text"> Hello fellow shoppers! We're currently building our new fashion store. Add your email below to stay up-to-date with announcements and our launch deals. </p> <div class="email-container" id="email-container"> <input type="email" id="email" class="email-box" placeholder="Email Address"> <button type="submit" id="submit" class="submit-button"><img src="images/icon-arrow.svg"></button> </div> <span id="error-text"></span> </form>
<form action="#" id="form" class="container"> <input type="email" id="email" class="email-box" placeholder="Email Address"> <button type="submit" id="submit" class="submit-button"><img src="images/icon-arrow.svg"></button> <span id="error-text"></span> </form>
for input and button you don't need to add a class you can style with id.
I hope it is helpful
Happy coding
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