Изменение атрибутов класса через js ⇐ CSS

[Anonymous]

Код: Выделить всё

.cards {
width: 'window.screen.height / 15 or whatever' + px;
height: '.cards.width * 1.5' + px;
}

У меня есть этот код, я хочу каким-то образом установить ширину класса карточек в процентах от размера экрана.
Я не знаю Я не хочу редактировать размер каждого отдельного элемента класса, потому что думаю, что это потребует больше вычислительной мощности. Вместо этого я хочу изменить весь класс, чтобы следующий элемент, который я создаю для этого класса, имел эти обновленные атрибуты. Есть ли простой способ сделать это?
Я попробовал вставить скрипт в таблице стилей, но это заставило меня почувствовать себя глупо, поэтому я спросил уchatGPT, но он не смог понять, в чем проблема, поэтому мне и здесь не помогли.

Подробнее здесь: https://stackoverflow.com/questions/782 ... through-js