Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
8
Lira
@lirapanci

All comments

  • ,,,,,,,,,,,•70
    @ReaGet
    Submitted over 1 year ago

    Multi-step form

    #bem
    1
    Lira•190
    @lirapanci
    Posted over 1 year ago

    Hello,

    Nice work.

    I'd suggest some minor changes in order to make the project perfect. Since this is a form, every input of it should be filled in order to proceed to the next step; The buttons on the steps on the left should be able to click, for instance, if you're in the second step, you can click step 1 and go back to it; The last thing is that when you click the toggle button and go to a Yearly membership, all the prices as well as the acronyms for monthly (mo) should change to Yearly (yr).

    Cheers, Lira

  • rabi-codes•40
    @rabi-codes
    Submitted over 1 year ago

    css grid, css flex-box

    1
    Lira•190
    @lirapanci
    Posted over 1 year ago

    Hi,

    Nice job.

    I suggest you make some minor changes so you can have a pixel-perfect implementation.

    1. The 15% tip, should not be automatically selected and the color that the 15% button has, should be the color of the tip selected (active).
    2. Can't be zero message should disappear when you enter the number of people.

    Cheers, Lira

  • Mohamad Rahal•220
    @mohammadrahal
    Submitted over 2 years ago

    tip-calculator-app using tailwind framework

    1
    Lira•190
    @lirapanci
    Posted over 2 years ago

    Nice work. Just something that you need to fix at the custom percentage: When I have set a custom percentage and then I click on another Percentage button, the Custom Percentage value should be emptied. Cheers :)

  • Nelson•2,390
    @nelsonleone
    Submitted over 2 years ago

    Nothing New

    1
    Lira•190
    @lirapanci
    Posted over 2 years ago

    Hi there,

    Congrats on completing the challenge. It's a really nice job. I think that you might want to check the total/person value, which remains unchanged despite the number of people you add.

    Cheers,

  • Iago Bomfim•170
    @IagoBomfim
    Submitted over 2 years ago

    tip calculator using HTML, CSS and pure JavaScript

    2
    Lira•190
    @lirapanci
    Posted over 2 years ago

    Hi there,

    Congrats on completing the challenge. It's a really nice job. I think that you might want to check the total/person value, which remains unchanged despite the number of people you add.

    Cheers,

  • Edward Olukotun•460
    @Edward-Olukotun
    Submitted over 2 years ago

    tip-calculator

    #react#tailwind-css
    1
    Lira•190
    @lirapanci
    Posted over 2 years ago

    Hello,

    Congrats on completing your challenge. There is some stuff that I'd suggest you may consider fixing on that. When clicking the Reset button, the number of people should be cleared too. The custom tip percentage is not clickable, and the user cannot add any value. And also, the tip percentage buttons are only selected after you click on the second button (either DoubleClick or click on another percentage).

    Cheers,

    Marked as helpful
  • Happy Phiri•460
    @happy-phiri
    Submitted over 2 years ago

    Tip Calculator Created Using Vanilla JavaScript

    1
    Lira•190
    @lirapanci
    Posted over 2 years ago

    Hello,

    I've just finished the same project and it was really challenging also for me, considering my "level of expertise" in Javascript :))) I'd suggest you use the eventlistener ("keyup") to track changes on all the inputs, so you can remove the Submit button.

    Cheers,

    Marked as helpful
  • Lira•190
    @lirapanci
    Submitted over 2 years ago

    Rating Challenge

    #tailwind-css
    2
    Lira•190
    @lirapanci
    Posted over 2 years ago

    This is my first challenge from Frontend Mentor. I prepared the Interactive Rating Component using Tailwind CSS and Javascript. Considering I am just starting out with Javascript, any feedback will be appreciated.

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

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

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

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