From 2e54850b103fd21bff94d3ae14a30c543d638540 Mon Sep 17 00:00:00 2001
From: Manon <manonlefkos@gmail.com>
Date: Mon, 17 Jul 2023 16:13:22 +0200
Subject: [PATCH 1/2] edit syntax

---
 animation/02-pop-up/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/animation/02-pop-up/style.css b/animation/02-pop-up/style.css
index 058533f..093a97e 100644
--- a/animation/02-pop-up/style.css
+++ b/animation/02-pop-up/style.css
@@ -40,8 +40,9 @@ button {
   opacity: 0%;
   text-align: center;
 }
+
 .popup-modal p {
-  margin-bottom: 24px
+  margin-bottom: 24px;
 }
 
 .backdrop {
@@ -60,4 +61,3 @@ button {
 .backdrop.show {
   opacity: 30%;
 }
-

From 18b91bc10023337fbe7fa0e29bbe94dd6922501d Mon Sep 17 00:00:00 2001
From: Manon <manonlefkos@gmail.com>
Date: Mon, 17 Jul 2023 17:41:08 +0200
Subject: [PATCH 2/2] edit same styling issues in solution file

---
 animation/02-pop-up/solution/solution.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/animation/02-pop-up/solution/solution.css b/animation/02-pop-up/solution/solution.css
index 5182e96..a1923d9 100644
--- a/animation/02-pop-up/solution/solution.css
+++ b/animation/02-pop-up/solution/solution.css
@@ -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%);
 }
-
-