Tip Calculator (SASS + JavaScript + Tailwind) + Custom Colors and Font
Design comparison
Solution retrospective
Hello! I'm Daniel and this is my solution for this challenge! š
āļø Built with:
- HTML
- SASS
- Tailwind
- JavaScript
- mobile first workflow approach
šø Features:
- Custom Colors and Font-Family šØ
- Responsive layout using mobile first workflow approach š²
- Added a calculate button so the result only appears after you input the numbers and click on it š½
Another very good challenge to practice JavaScript logic. It's been a few weeks since I finished this one... I hadn't yet learned know how to use classList.add/remove/toggle
, so the code is much bigger than necessary. But I'll leave that way cause I intend to revisit it in the future and do it again using other techniques and technologies that I'm studying.
If you have any suggestions on how I can improve this project, feel free to leave me a comment!
Feedback welcome š
Community feedback
- @Ahmad-MaartmesriniPosted 9 months ago
I love purple š your design looks awesome, I think they used the green color here for this reason šµ did you forget to update the readme file? it features the green design
1@danielmrz-devPosted 9 months ago@Ahmad-Maartmesrini
Thanks! I'm glad you liked it!
Yeah, I didn't updated it... totally forgot š
1
Please log in to post a comment
Log in with GitHubJoin 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