Javascript Calculator Styling/Finishing Advice Request

Hello all,

I finished my calculator project and am passing all tests. I am not a guy with an eye for visual design (doing these certs in order but I really feel more drawn to systems/backend stuff). I’d appreciate it if anyone would take a look and give me any advice on things to clean up, sources on how to come up with good color patterns that you have found helpful, etc.

Calc Link: React App (

Repo Link: brentonhaerr/calculator: ReactJS calculator app (


I’m no artist so I won’t be able to give you advice on color palettes, but I am into accessibility and color is definitely a consideration as far as that is concerned, so I can give you advice there. The color you are using for the equation above the answer does not have enough contrast with the gray background to be accessible. There are a ton of tools available to help you test for color contrast accessibility. One of my favorites is the WebAIM contrast checker. The contrast must be at least 4.5:1.

I’ll check it out. Thanks for letting me know!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.