Aug 31, 2018 · 1 min read
You can user modern css grid to simplify the styling of the modal:
.modal {
position: fixed;
height: 100%;
width: 100%;
background-color: grey;
opacity: 0.3;
z-index: 1000;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-template-areas:
“modal”;
> div {
grid-area: modal;
place-self: center;
}
}