Как я могу изменить CSS с помощью js при получении данных? ⇐ CSS

[Anonymous]

Я хочу получить данные, но хочу, чтобы каждый раз, когда экран уменьшался, отображалось меньше данных. Как это сделать?
Я пробовал, но понятия не имею, правильно это или нет:
const catagory = async() => {
try {
let movie = document.querySelector(".catagory");
const mediaQuery = window.matchMedia('(min-width: 992px)')
var picture = document.getElementsByClassName('.movies');

function media(mediaQuery) {
if (mediaQuery.matches) {
movie.classList.add("movie:nth-child(odd) ")
}
}
movie.classList.add("movie");
let data = await fetch("http://localhost:3000/movies");
let res = await data.json();
let movies = res.map((elem) => {
return `




`;
});
document
.querySelector(".movies")
.insertAdjacentHTML("beforeend", movies.join(""));
} catch (error) {
console.log(error.message);
}
};


Подробнее здесь: https://stackoverflow.com/questions/786 ... ching-data