diff --git a/src/style/Modal.module.scss b/src/style/Modal.module.scss index f94751f..52c1e36 100644 --- a/src/style/Modal.module.scss +++ b/src/style/Modal.module.scss @@ -6,14 +6,18 @@ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); + display: flex; + justify-content: center; + align-items: center; } .body{ background-color: #fefefe; - margin: 15% auto; /* 15% from the top and centered */ + margin-left: auto; + margin-right: auto; padding: 20px; border: 1px solid #888; - width: 80%; /* Could be more or less, depending on screen size */ + width: 80%; } .hidden{