<table>max-width: 100%, чтобы даже в случае поломки, как на скрине, всё выглядело прилично.
да вы и так знаете. gap становится вертикальным при fd: column и горизонтальным соотвественно при row.
И еще они почему-то тут не в один ряд
Ретина не влияет на размер шрифта. Для неё нужно готовить только отдельные картинки в 2х или 3х.
110% при исходных 1920 = ~1745
Т.е. на ноутбуке будет отображаться точно также, как если вы выставите в адаптивном режиме эту ширину.
Вот и проверяйте, что там ломается на такой ширине (и на соседних тоже).