Design comparison
SolutionDesign
Solution retrospective
Hi! This is my first submission of FEM challenge. The design is close enough to the original. However, I find it difficult to make the third input show the error state whenever the user puts the value of 0.
<div class="input-wrapper">
<input class="input-text" type="text" name="people" id="people" placeholder="1">
<img src="./images/icon-person.svg" alt="person-icon">
</div>
Any feedback would be appreciated. Thanks!
Community feedback
- @Silver22Posted about 3 years ago
Hey, small CSS advice: add a border to inputs in a normal state and change its color on focus. Because now when you focus on input, they make the little jump.
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