Loatck

В grid-template-areas указываются не классы элементов, а значения grid-area, которое задано элементам.

Например:

.ac {
  grid-area: ac
}

...

.buttons {
    display: grid;
    grid-template-areas:
    "ac plus-minus percent division"
    "seven eight nine multi"
    "four five six minus"
    "one two three plus"
    "zero zero dot equal";
}

Ну и сетку тоже нужно определить. А то грид указали, а какие колонки\строки не указали.