Namayandeyab
.modal { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%;}.modal.open { display: block;}
Gifted Goshawk
.modal { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%;}.modal.open { display: block;}
<div class="modal"> <div class="modal__header"></div> <div class="modal__content"></div> <div class="modal__footer"></div></div>