A sane horizontal layout for https://hexadecordle.co.uk/

hexadecordle.js

const trs = [...document.querySelectorAll('#container>table>tbody>tr')]
const beg = trs.splice(0, 2)
trs.filter((x,i) => i%2==0).forEach(tr => {
  tr.querySelectorAll(':scope > td').forEach(td => beg[0].insertAdjacentElement('beforeend', td))
})
document.querySelectorAll('#container>table>tbody>tr>td').forEach(e => e.style.width=100/16)
document.querySelector('body').style.fontFamily = 'monospace'
document.querySelector('#body').style.maxWidth = null
document.querySelector('#body').style.width = '100%'
document.querySelector('#game').style.width = '100%'
document.querySelectorAll('.button').forEach(e => e.style.height = 'calc(100vw/80)')