I really like how you've used Grid to structure your calculator.

One thing I noticed is that there is an extra row of hidden buttons 🕵

It looks like this is a way to fit the size of the buttons into the overall calculator. If you were to make the size of the body responsive to the size of the buttons this could be avoided.

Have a look into relative units as a way to increase the flexibility of your calculator.

I like that the styling you've used for your calculator emulates real life - it's clear what each button does based on the colours. 💅

HTML contains a lot of elements which can be used to give more meaning to our code - using sections, articles, headers etc. will make your code clearer and increase accessibility.

Wherever you can, avoid using <div>'s in favour of <sections> or <articles>.

Have a look at this if you'd like to read more 📖

In general, it is recommended to avoid using innerHTML in favour of textContent. This can help to avoid script injections and security concerns with your code.

Have a look here for some information on the differences and here for some information on usage. 🔒