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,740

@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

Report

1

Accessibility Issues

0

HTML Issues

View Report

Abhik’s questions for the community

👋 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

Kamasah-Dickson• 5,260

@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,740

@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

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,740

@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• 2,860

@tesla-ambassador

Posted

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

Marked as helpful

1


Abhik• 4,740

@abhik-b

Posted

Thanks for this kind words @tesla-ambassador ❤️

0

Please focus on giving high-quality, helpful feedback and answering any questions abhik-b might have. Here are some key points to consider:

  • Does the solution include semantic HTML?
  • Is it accessible, and what improvements could be made?
  • Does the layout look good on a range of screen sizes?
  • Is the code well-structured, readable, and reusable?

You can read our community guidelines if you're unsure what to post.

Slack logo

Join our Slack community

Join over 100,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!