.modal {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
background-color: white;
z-index: 999;
}

Див с таким классом должен быть под боди и у боди position: relative

Джаваскриптом добавляйте убирайте ноду. Контент внутри стилизуйте под свой вкус.

Пока что, лучшее что есть это hexlet - https://ru.hexlet.io/?ref=141739

Хоть ссылка и с рефкой, эта рекомендация мотивирована исключительно тем, что в русскоязычном сегменте альтернатив по фундаментальной JS подготовке нет. Следуй рекомендациям хекслета и проходи все курсы и челленджи не пасуя перед сложностью и будешь знать всё что нужно и немного больше.