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 App using HTML, CSS and Javascript

P

@Arteque

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


Hello there, my name is Ahmed Lemssiah, and this is my solution to the Calculator app challenge on Frontend Mentor.

As a developer, there are some things to do to honor the community:

  • Start with the classic "Hello, world!" for your first attempts.
  • Make sure to mark your "First commit" when you commit your code.
  • Embrace the developer lifestyle: having no life and no friends (just kidding!).
  • And of course, don't forget about the calculator! You have to write your own calculator.

Users should be able to:

  • See the size of the elements adjust based on their device's screen size
  • Perform mathematical operations like addition, subtraction, multiplication, and division
  • Adjust the color theme based on their preference
  • Bonus: Have their initial theme preference checked using prefers-color-scheme and have any additional changes saved in the browser

  • Semantic HTML5 markup 😎
  • CSS custom properties 😉
  • Flexbox 😊
  • CSS Grid 😄
  • Mobile-first workflow 😇
  • Javascript 😁

Community feedback

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