Почему модальное окно не показывается?

Question

[evg34rozenber]

Сверстал страницу, решил сделать модальное окно, которое открывается по нажатию на кнопку в шапке сайта(navbar). Разместил блок с модальным окном под основным контентом main.
Модальному окну задал position fixed и расположение top 0, left 0. При нажатии на кнопку js срабатывает, но модальное окно не занимает позицию в верхней левой части экрана, а остается под основным контентом и ее не видно, будто ее не существует. Решил перенести окно над шапкой сайта, она стала видна на контентом, кроме последнего блока в main(их там всего 2).

А если разметить под шапкой, тогда покрывается только один блок контента игнорируя шапку сайта и второй блок контента по прежнему не дает ничего увидеть.

По какой причине окно нормально не отображается?
Вот код https://jsfiddle.net/4degzvqs/

Comments

[secretsergey]

С телефона песочница криво отображается, поэтому код посмотреть не смогу, но проблема будет связана с z-index.

Answer 1

[Ankhena]

z-index укажите

UPD

Модальному окну задал position fixed и расположение top 0, left 0.

Если бы так, то всё бы работало.
Но у вас задан left и right

Comments

[Ankhena]

Ily4farmer дополнила ответ

[evg34rozenber]

Эту ошибку я заметил ещё до выкдадки вопроса, оказывается у меня почему то компилятор sass отключился в vs code)