Нормально-ли задавать большое кол-во стилей через js?

Question

[Артём]

При создании элемента мне нужно учитывать размер окна, который я получаю через js, и на основании этого уже
генерирую стили. Нормален ли этот код?

createContentContainer(elemCount) {
    const contentContainer = document.createElement('container');
    contentContainer.classList.add('content');
    contentContainer.setAttribute('data-scroll', 'scroll');
    contentContainer.style.left = `${10}px`;
    contentContainer.style.maxWidth = `${this.widthOfWindow * elemCount}px`;
    contentContainer.style.gridTemplateColumns = `repeat(${elemCount}, ${100 / elemCount}%)`;
    return contentContainer;
  }

Т.е. у меня по итогу практически вся адаптивность делается через js, а не media запросы в css файле. Ибо в зависимости от размера окна я делаю запросы к серверу, и media в css я не могу учесть запрос к серверу

Answer 1

[Шохрух Шаймардонов]

Не важно сколько стилей через js задаете ДО вставления элемента в DOM-дерево. ПОСЛЕ вставления, это имеет значение (ну дергать дом и перерендеринг всего).