All solutions

I recently completed a calculator project using Svelte and I'm extremely proud of the final result. Although this was my first Svelte project, I found the experience to be amazing. While this project did test my skills, it was relatively straightforward and didn't involve endless hours of troubleshooting and problem-solving. Most issues that arose were solved quite quickly.

One of the design elements that I'm particularly proud of is the theme switcher button. It not only has a smooth transition but also looks almost identical to the original design. While I didn't spend time making the sizes pixel-perfect, I prioritized the calculator's functionality and overall design.

Overall, I think I did a great job on this project, despite the tedious task of copying and pasting the 30+ color variables from the style guide. It would have been helpful if they had included a pre-made list of SCSS variables.

I'd love to hear any feedback on the design! :3

I think my solution is almost perfect although for some reason the images look bigger on the live site than in a local server, If anyone knows what causes this I'll be very grateful. Overall I found this project quite enjoyable, it's not often that I use grid on my own personal projects an this challenge was a great place to dust off my grid skills, apart from that I made the mistake of writing this in vanilla HTML and CSS which was quite annoying, I forgot how much I rely on Frameworks and sass. anyways any feedback is appreciated!