Skip to content
Submitted over 3 years ago

Calculator ( html, css, vanillaJS)

Dimitrios Politis•285
@grmajik
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Calculator app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

For the themes I used 3 different classes which I added and removed from the HTML document with JavaScript. However, when I tried to use "prefers-color-scheme" in CSS, I couldn't switch between the other themes any more. So I decided to leave it out for now. I have to do some more researching about it.

Community feedback

  • Faris P•2,810
    @FarisPalayiPosted over 3 years ago

    Looks good and responds nicely 👍

    One small suggestion is that, instead of setting body height: 100vh change it to min-height: 100vh. So that when people are using devices that have small screen heights can also use it.

    Have fun codin' ✨

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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