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

Calculator

@BramMortier

Desktop design screenshot for the Calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


A very interesting project to say the least. I struggled a lot with getting the multiple themes to work. Although I still think my solution i horrible at best I did learn a lot tho so... progress has been made again. Hopefully somebody can tell me a better way to handle the themes.

EDIT: I looked for a better solution to the theme problem and updated my solution. Dit also do a litle extra things that are not correct according to the design XD

Community feedback

Luka 800

@LukaKobaidze

Posted

Great solution, Good job on the layout!

There are different ways of changing the theme, But in my opinion the best and the easiest way of changing theme is using CSS Custom properties (CSS Variables) and this is what i would recommend using.

Check out the one that says 'Using Custom Properties' here

Marked as helpful

0

@BramMortier

Posted

@LukaKobaidze yeah i already updated my awnser. Looked through other solutions and found the variables trick hahah tnx anyways.

1

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