Skip to content
Submitted over 3 years ago

I used flexbox positioning and CSS manipulation through JavaScript.

Kartik Singh Keshav•20
@K3shav-esl
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

I couldn't add the icons inside the inputs fields, any help will be appreciated.

Community feedback

  • Swan-Yee-Tun•225
    @developedBySwanPosted over 3 years ago

    You need one parent element to add the icon. And then change the background color of parent element same with input box. This is my code. I hope this will help you.

    <div class="input-box"> <span> <img src="./images/icon-dollar.svg" alt="dollar-sign"> </span> <input type="number" class="input-dollar-number" id="input-dollar-number"></div>

    1

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