Zold09

Можно border-bottom, но я бы лучше взялбы и стилизовал тег там где нужны эти линии.js тут точно ненужен

Вбей в инете или на ютубе - "Как прижать футер " и глянь..это не долго и понятно

Может я че не понимаю, т.к. еще учусь, но это же видео?! Так вставь видео htmlbook.ru/html/video

Я вообще ещетолько учусь но яб попробывал все твои кнопки найти через queryselectorAll и перебрать этот массив через forEatch() навешивая уже события клика.?

про id замечание верное.
кароче:
в css
добавь класс .close{display:none;}

в js

1 строку меняем на const btn = document.querySelectorAll('.btn-modal')

затем:
btn.forEach(btnForm => {
btnForm.addEventListener('click', (e) => {
modal.classList.remove('close');
modal.classList.add('active');
});
});

const closeModal = () => {
modal.classList.remove('open');
modal.classList.add('close');
}

4 divs, transformation: и background-color: