CSS-сетка - создайте шахматную доску, похожую на сетку, где последний элемент имеет разный размер и помещается в последний столбец

Question

Я пытаюсь создать сетку, в которой я бы создал таблицу, похожую на сетку, где все элементы были бы одинакового размера, но последний.Последний элемент должен быть перемещен до последнего столбца.Это будет выглядеть так:

Я создаю сетку так:

  grid: {
    display: 'grid',
    gridTemplateColumns: 'repeat(auto-fill, 8rem)',
    justifyContent: 'center',
  },

Но я не уверенкак настроить последний элемент так, чтобы он занимал последние два столбца, независимо от количества элементов в сетке, чтобы он всегда занимал пространство в правом углу сетки, или чтобы создать новую строку дляКнопка, где он будет сидеть в правом углу.Проблема в том, что количество элементов является динамическим, поэтому я не знаю ширину контейнера, иначе было бы легко расположить кнопку под этой сеткой.