const accordeonTwo = () => {
const accordeonTwoParent = document.querySelector('#accordion-two'),
accordeonPanelHeading = accordeonTwoParent.querySelectorAll('.panel-heading'),
accordeonPanelContent = document.querySelector('.collapse');
accordeonPanelHeading.forEach((elem) => {
elem.addEventListener('click', (event) => {
event.preventDefault();
let target = event.target;
if (target.closest('.panel-heading')) {
accordeonPanelContent.classList.toggle('in');
}
});
});
};
accordeonTwo();
.files{
display: flex;
flex-wrap: wrap;
}
.file{
flex: 50%;
}
Логика подсказывает, что надо сразу тогда делать контейнер под 768px на мониторах >768 && <1024.