Показ блоков при разной ширине JS.

Сейчас у меня при ширине 768px показаны 6 блоков, остальные срыты, есть кнопка которая показывает все блоки. Нужно, чтобы при ширине 1120px показывало 8 блоков. Как можно изменить код js для этого?
function openbox(logo) {
display = document.getElementById(logo).style.display;
if(display=='none'){
document.getElementById("button").innerText = "Скрыть";
document.getElementById(logo).style.display='flex';
}else{
document.getElementById("button").innerText = "Показать все";
document.getElementById(logo).style.display='none';
}
};
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<div id="logo">
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
</div>
Ну и в стилях #logo {display: none}
13 ноября 2020 в 18:24
Ближайшие курсы

Как начать свой путь в разработке?
Онлайн-курс
4
марта

Веб-разработка для начинающих
Учимся делать сайт
4
марта
Виртуальная и дополненная реальность: как стать VR/AR разработчиком?
Онлайн-курс
4
марта
Новые статьи

Триггеры доверия на сайте: работающие элементы и принципы
18100

Как и почему стоит начать работать с Figma
21600

UI-дизайнер: подробно о профессии дизайнера интерфейсов
52600
Новые вебинары

Правовые аспекты работы с блокчейн-проектами
08 апреля730

Работа тестировщика на разных IT-проектах
31 марта30

IT на удаленке. Снимаем розовые очки
31 марта10
Новые темы