Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
2
Swan-Yee-Tun
@developedBySwan

All comments

  • Kartik Singh Keshav•20
    @K3shav-esl
    Submitted almost 4 years ago

    I used flexbox positioning and CSS manipulation through JavaScript.

    1
    Swan-Yee-Tun•225
    @developedBySwan
    Posted almost 4 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>

  • Aldrich C•30
    @drichcodes
    Submitted almost 4 years ago

    Mobile first design using CSS media query and button hover effect

    1
    Swan-Yee-Tun•225
    @developedBySwan
    Posted almost 4 years ago

    Your work is awesome. every paddings and margins are fine.

    My suggestions

    • should reduce line-height at paragraph.
    • should add more padding at button
    • should move the container to center of the page

    It that all, your design is great keep coding buddy.

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub