การตั้งค่าความกว้างของ 2 ส่วนประกอบจากนานที่สุดข้อความ

.button-panel {
  display: inline-grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 10px;
}

<div class="button-panel">
  <button>A very long button name</button>
  <button>Ok</button>
</div>

const buttons = document.querySelectorAll('button')

if (buttons[1].offsetWidth > buttons[0].offsetWidth) {
  buttons[0].style.width = buttons[1].offsetWidth + 'px';
} else {
  buttons[1].style.width = buttons[0].offsetWidth + 'px';
}

<button>Hello World!</button>
<button>Spectric</button>

const buttons = document.querySelectorAll('button')

const biggestWidth = [...buttons].reduce((a,b) => a = b.offsetWidth > a ? b.offsetWidth + 1 : a, 0)

buttons.forEach(e => e.style.width = biggestWidth + 'px')

<button>Hello World!</button>
<button>Spectric</button>