Design comparison
Solution retrospective
This is an exciting app I however was not able to put the images as the placeholder for the inputs. If someone could explain that to me I would be very grateful. Cheeers!!
Community feedback
- @benjbrightPosted over 2 years ago
Hey Amoh to put the images in the input boxes you insert them as background images and then position them. This is how I did it - I gave each input an id to link to in the CSS and JS.
#total-bill { background-image: url(./images/icon-dollar.svg); background-repeat: no-repeat; background-position: 5% 50%; text-align: right; }
Hope this helps, check out my solution on Github if you want to see more detail - https://github.com/benjbright/2_Tip-calculator-app
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