-How can i create a gap among the buttons?
-How can i make the calculator buttons flows with the gradient color?<<<
-How can i “center more” the content of the buttons (numbers/symbols).
-It’s more prefesional make a grid in this case?
It is ‘fully transparent’ - it just doesn’t look like it because of the background effect you have - if you change your background colour to a solid colour you will see it will disappear (although not sure why you want to do that).
A grid could work nicely… then you can use “grid-gap” (or row-gap and column-gap if you wanted row and column gaps to be different) to get your spacing.
Have a look at where you are setting the background color ( * means you are applying it to every element in your html)
The only reason you can see the buttons is because you are using a gradient, because you have the page background set as a gradient from dark to light blue (so each button is going from dark to light blue), but the area button area is smaller, so you can see them against the background of the page.
Hope this helps
Thanks for your answer, thanks to you i already know why its looks like that but also i don’t have any idea how to do a nice design or fix that gradient IN the Button. Practicly, i dont know what to do right know with code or design hahahaa