Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

a tip calculator using react and tailwind

layan 40

@liix5

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


any suggestions to make it cleaner ? thanks

Community feedback

Facundo 120

@facusole

Posted

  • You can add any custom color to the tailwind.config.js so you don't need to repeat the hsl value everytime you want to use it. You can refer the tailwind docs to do that: https://tailwindcss.com/docs/customizing-colors. It works for backgrounds, colors, even gradients.

Marked as helpful

0

layan 40

@liix5

Posted

@facusole right, thank you 👍🏻

0

Please log in to post a comment

Log in with GitHub
Discord logo

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