Design comparison
Solution retrospective
Good visual on 375px and 1440px of width. I need to work on the responsive. I think about clamp() or something else. Any suggestion ? Thank you
Community feedback
- @KamaradevPosted about 2 years ago
nice work so here are the some tips to help your get unstuck first you can have two script tags in your html if these to script tags are the referring to the same script and declaring your variables with const. for example in the head tag you have a script tag and in your body tag you also have the same script tag delete one of them preferably the one in the head tag second your input tag has two ids you can't have to ids in the same tag use classes instead here is an example i replace the id="email" with class="email"
this is your code
<input type="email" name="email" id="email" placeholder="Email Address" id="input-form" spellcheck="false" onkeyup="validateEmail()" /> <label for="email">
this is a rewrite
<input type="email" name="email" class="email" placeholder="Email Address" id="input-form" spellcheck="false" onkeyup="validateEmail()" /> <label for="email">
this is why theconst input = document.getElementById("input-form");
did get selected because it had to ids. hope everything is clear.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