Skip to content
Submitted over 3 years ago

Tip Calculator - using pure JS and SCSS

Lebogang•90
@iLebo-stack
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

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

  • Elijah Ohiwerei•150
    @Thenextgen1Posted over 3 years ago

    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-stackPosted over 3 years ago

    @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

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