profesor08

возненавидел Linux

А что плохого сделал тебе линукс? Если не нравится консоль, то на любой другой операционке придется работать с ней, придется привыкнуть и осознать, что это тупо проще, быстрее, работает везде +- одинаково.

По словам коллег, если я собираюсь развиваться в вебе, то мне никуда не деться

Чушь. Все необходимые инструменты для фронтенда - кроссплатформенные, либо вообще онлайн в браузере. Разрабатывай хоть на linux, хоть на windows, хоть на macOS, если приложить некоторые усилия и смириться с неудобствами - на любом планшете используя только онлайн инструменты (figma, codesandbox)

На странице нет элементов [name='city'] и [name='postcode']. Но на тех, что есть все работает

document.querySelector(".contactForm input").value = "123123123"

Если надо вызвать код обработчика, то надо создать подходящий ивент
input.dispatchEvent(new Event("input"))

Не надо паниковать. В JavaScript все объекты передаются по ссылкам со всеми вытекающими.
Это значит, что после вывод в консоль значение массива изменилось. И когда ты разворачиваешь, чтоб посмотреть что внутри, ты видишь актуальные значения на момент раскрытия.

Просто выполни код в консоли, и раскрой потом.

const arr = [false, false, false];
console.log(arr);
arr[2] = "test";

test.png картинка где-то кешируется и выводится все желающим. Генерируй картинку как base64 строку и вставляй ее как src тегу img.

Тут надо определиться, что тебе надо конкретно. Если тебе на разных размерах окна браузера нужны конкретное количество колонок, то гриды тебе тут не помогут, используй @media запросы и выставляй нужное число колонок grid-template-columns: 1fr 1fr 1fr. Если тебе не важно сколько будет колонок, а важно чтоб сами колонки не были меньше заданного размера, то вот тут тебе и надо использовать repeat(auto-fit, minmax(500px, 1fr))

// если тип функции надо вынести, но тогда надо будет явно указывать тип аргумента
type FN<T> = (arg: T) => T;

type ItemType = {
    type: string;
}

const fn: FN<ItemType | ItemType[]> = (arg) => {
    return arg;
}

// если просто надо передать какой-то тип в функцию либо массив из элементов этого-же типа
const fn = <T>(arg: T | T[]): T | T[] => {
    return arg;
}

// можно заранее определить что элемент может быть какого-то типа, либо это может быть массив элементов этого же типа
type A<T> = T | T[];

const fn = <T>(arg: A<T>): A<T> => {
    return arg;
}

// в любом случае придется потом проверять вернувшийся результат

const res1 = fn({
    type: 'string'
})

const res2 = fn([{
    type: 'string'
}])

if (Array.isArray(res1)) {
    res1[0] //
}
else {
    res1.type //
}

grid-column: span 2