dom1n1k

Это нужно рисовать либо при помощи svg, либо растровая картинка + карта кликов. Предпочтительнее, конечно, первый вариант.
Пытаться обойтись тут чистыми html/css - это чистой воды "в гамаке и стоя". Нет ни одной разумной причины так делать.

breakpoints
"останова" - это кто-то решил выпендриться и не очень корректно использовал старый советский термин.

Если уж хочется заняться микрооптимизациями и пособирать крупицы производительности на мелочах (в принципе, почему бы и нет?) - лучше тогда делать по принципу mobile first.

Купить нормальный монитор

Память и SSD, уже после них процессор.

Как правило, уже да, но не всегда.
Нужно уточнять данные о конкретной аудитории и пожелания заказчика.

А как из ч/б картинки достается "ближний ИК"? Мне аж интересно стало.
Или там какой-то специальный TIFF?

1280*1024 это хороший удобный формат для офисной работы - гораздо лучше ущербного 1366*768! И таких мониторов на руках и в учреждениях еще довольно много.

А вот 1024 для меня тоже загадка. Подозреваю, что тут все таки есть какие-то погрешности счетчиков. Может планшеты за десктопы принимает? Или ботов каких-то.

Еще вариант - люди разворачивают мониторы вертикально (хотя их не может быть аж 17%).

Как вообще мог возникнуть такой вопрос? Очевидно же, что нельзя.
Причем я бы еще понял, если автор работал в Мухосранске - оно как бы всё равно незаконно, но кому тот Мухосранск нужен?
Но подкладывать такую свинью американским клиентам?.. Это фейспалм.

Если подразумевается, что текст в колонках идёт сквозным потоком с автоматическим перетеканием - к сожалению, пока никак.
Когда-нибудь это должно случиться, но пока увы: caniuse.com/#feat=css-regions

Картинкой это нужно делать. Растровой или векторной - это надо уже смотреть задачу в деталях. Но никакие трансформации тут нафиг не упали. Не нужно мудрить и изгаляться на пустом месте!

Для определенных частных случаев - да, замены есть. Например, тот же Скетч, который неоднократно уже упомянули - но это только UI на макоси.
Но в глобальном смысле - нет, полностью адекватной замены не существует.

А зачем тут вообще что-то выравнивать, если они в остальном одинаковые?
Ну взять тот вариант, который нравится, и скопипастить его N раз.

Задача эта не имеет однозначного решения, потому что цветовых координат три, а массив одномерный.
Вот статья как раз об этом:
https://habrahabr.ru/company/yandex/blog/263375/

W3C определяет минимальный контраст текста как 1:4.5:
https://www.w3.org/TR/WCAG20/#visual-audio-contrast
Как считать этот контраст:
https://www.w3.org/TR/WCAG20/#contrast-ratiodef

Те же самые рекомендации использует Google в material design, добавляя от себя оговорку, что 4.5 это минимум, а рекомендуется 7.

Конечно же, нужно делать таблицей (если только у вас нет каких-то очень особых причин).
Для мобил таблицу всегда можно "рассыпать" свойством display.
"Mobile first" в данном случае неуместен.

В том виде, как задача сформулирована - никак.