Skip to content
Submitted 6 months ago

Responsive Tip Calculator App

react, tailwind-css
Adnan Iliyasu Muhammad•190
@Adnan0-IM
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • P
    Jaylen Baxter•360
    @JYLN

    Overall, your project looks great! Here are a few things I noticed that may be improved:

    • You didn't use the provided logo for the project. I'm not sure if that was intentional or not, but just wanted to mention it. Even so, there may be work that can be done to the text to make it look closer to the provided logo.
    • You may consider using a form with form input elements for better accessibility for users and semantics within the code.
    • The labels for the inputs are a bit hard to read, you may consider setting their weight to bold so they stand out a bit more.
    • Your bill and number of people inputs shift the layout when focused. You may consider adding styles to help prevent any interesting layout movements when the the inputs are focused.

    These are just a few things I noticed. Great job!

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