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%; opacity: 0%;
text-align: center; text-align: center;
} }
.popup-modal p { .popup-modal p {
margin-bottom: 24px margin-bottom: 24px;
} }
.backdrop { .backdrop {
@ -64,12 +65,10 @@ button {
/* SOLUTION */ /* SOLUTION */
.popup-modal { .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%); transform: translate(-50%, -100%);
} }
.popup-modal.show { .popup-modal.show {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }