Submitted almost 4 years ago

Mobile first approach, Semantic HTML, responsive CSS, ES6, SASS

Carlos E Alford•285

@webshuriken

A solution to the Tip calculator app challenge

Preview Code

Solution retrospective

Hello everyone!

This is my first challenge with JS, it took a bit longer than expected. It is also the longest SASS file I had to write due to the amount of components and states.

In my sass file can you give me some feedback on my approach to using variables for the colours in the theme.. how would recommend improving the way I group them and made them relate to each other?

My JS approach. I used a self-invoking function with private variables to keep the calculator modular. Would you recommend a different way of doing this?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Carlos E Alford's solution.

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