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

Responsive Calculator with JavaScript and CSS Grid and Flexbox

Arboricum 170

@Arboricum

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


I could find just a solution to style the range input and this solution was found on Mozilla developers tool (it was about -webkit-slider) and it said it is not supported by all browsers, so I switched to radio buttons instead: is there any valid solution for all browsers, instead?

Community feedback

@mtjeth

Posted

you can create a toggle with div. Thats how i come around that problem. making it look better than the radios. in addition if you make the back ground color as the calculator background it will remove the white parts making it flush. check mine for more ideas.

Marked as helpful

0

Arboricum 170

@Arboricum

Posted

@mtjeth thank you, gonna try it

0

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