Как мне это сверстать на GRID CSS?

Question

[maxemga]

Я верстаю калькулятор (скрин 1) и у меня вопрос, как мне сделать вот эту кнопочку C? Ну тоесть чтобы тк сказать 3 моих первых кнопки слились что-ли
Я на Гридах никогда не работал, только учусь и вот не понимаю, как это реализовать
А также лучше делать эти кнопки, как тег button или просто дивами и в JS на них скрипт вешать?

вот мой код https://jsfiddle.net/tmqwo1xz/

Answer 1

[Юрий]

.button:first-of-type {
  grid-column: 1 / span 3;
}

Но лучше конечно нужной кнопке добавить ещё класс, а не делать через first-of-type. Ещё придётся у .button поправить border-radius.