Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tip Calculator - using pure JS and SCSS

Lebogang 90

@iLebo-stack

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


The icons (e.g the dollar sign) in the input elements won't show yet in my VS code editor when I view the web app using the live server they're displayed.

I know I might be messing up the root path put I can't seem to get it right.

Also anything else that needs work (in the web app), I would greatly appreciate feedback.

Community feedback

@Thenextgen1

Posted

Try setting the icons as a background image of the inputs and use rem units to position them Make sure the rem units are not more than 1

0

Lebogang 90

@iLebo-stack

Posted

@Thenextgen1 I have done that except I have positioned them using pixels. The problem I think is how I declare the path to the icons is wrong, because in my console I get this error "Failed to load resource: net::ERR_FILE_NOT_FOUND"

0

Please log in to post a comment

Log in with GitHub
Discord logo

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