Equal Width Buttons To The Widest One

display:inline grid はグリッドレイアウトを適用しながら、そのコンテナ自体はインライン要素のように振る舞う、という指定。
通常の display:grid はブロックレベルの要素になり、横幅が親要素いっぱいに広がる。
これに対して inline grid は内容に応じた幅で表示され、テキストの流れの中に自然に組み込まれるような振る舞いをする。

grid-auto-columns: 1fr; とあるから各列幅は均等に割り振られることになる。