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

Tip Calculator with Tailwind CSS

#tailwind-css
Abhikβ€’ 4,840

@abhik-b

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


πŸ‘‹ Hello Frontend Mentors , I learnt Tailwind CSS while creating this solution so my question is written efficient code ? if not then how to improve ?

Any feedback will be highly appreciated 🀩

Community feedback

Masiko Dlaminiβ€’ 140

@SoftwareRebelss

Posted

I'm inspired by your work . You did an amazing job ,this is nice πŸ’ͺπŸ‘.

Marked as helpful

2

Abhikβ€’ 4,840

@abhik-b

Posted

@SoftwareRebelss I feel very motivated reading your comment,

Thanks a lot Masiko ❀️

0
Masiko Dlaminiβ€’ 140

@SoftwareRebelss

Posted

@abhik-b You are welcome .

Marked as helpful

1
Tesla_Ambassadorβ€’ 3,000

@tesla-ambassador

Posted

I really like this solution... Viewing it from a phone and it's really flawless!!!

Marked as helpful

1

Abhikβ€’ 4,840

@abhik-b

Posted

Thanks for this kind words @tesla-ambassador ❀️

0
Kamasah-Dicksonβ€’ 5,610

@Kamasah-Dickson

Posted

You did a good job, but I think the only problem I have here is color change in your design comparing to the original.

Well I don't think that's really a big problem.

Good job using tailwind CSS @abhik-b

Marked as helpful

1

Abhikβ€’ 4,840

@abhik-b

Posted

Yes I noticed the color changed after posting the solution I will try to fix that!!

Thanks @Kamasah-Dickson for the feedback 🀩

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