edit same styling issues in solution file

This commit is contained in:
Manon 2023-07-17 17:41:08 +02:00
parent 2e54850b10
commit 18b91bc100
1 changed files with 3 additions and 4 deletions

View File

@ -40,8 +40,9 @@ button {
opacity: 0%;
text-align: center;
}
.popup-modal p {
margin-bottom: 24px
margin-bottom: 24px;
}
.backdrop {
@ -64,12 +65,10 @@ button {
/* SOLUTION */
.popup-modal {
transition: transform .3s ease-in-out, opacity .4s ease;
transition: transform 0.3s ease-in-out, opacity 0.4s ease;
transform: translate(-50%, -100%);
}
.popup-modal.show {
transform: translate(-50%, -50%);
}