Make button flow with the background

How can i make background color of the buttons flow with background?
The button’colors its the same of the background and doesn’t match with the design.

CODEPEN: https://codepen.io/ricardonothing/pen/YzPXdPj?editors=0100

Calculator:

Hey Ricardo!

The problem is with the universal selector (*) – you’re styling every element with a background gradient.

Try using the body selector instead.

Then add background: none; to the styling of the .button class.

I’ll let you decide what you want to do with the .textview class.

Personally, I’d lose the border-radius property, and move the (redundant) background: rgb(85,51,255); out of the new body selector and apply it to the textview class to give you something like this:

Hope that helps :slight_smile:

Phil

2 Likes

Nice gradient though.

1 Like

Omg! thanks a lot! it looks nice, just as i imagine!. Do you have any recomendation for the design?.

2 Likes

maybe a faint white box around the numbers but thats it

1 Like