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%); } - - 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%; } -