Tip Calculator App

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!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Silver22
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.
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