edit same styling issues in solution file

ManonLef · ManonLef · commit 18b91bc10023 · 2023-07-17T17:41:08.000+02:00
diff --git 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%);
 }
-
-

Original file line number	Diff line number	Diff line change
`@@ -40,8 +40,9 @@ button {`
`40`	`40`	`opacity: 0%;`
`41`	`41`	`text-align: center;`
`42`	`42`	`}`
	`43`	`+`
`43`	`44`	`.popup-modal p {`
`44`		`- margin-bottom: 24px`
	`45`	`+ margin-bottom: 24px;`
`45`	`46`	`}`
`46`	`47`
`47`	`48`	`.backdrop {`
`@@ -64,12 +65,10 @@ button {`
`64`	`65`	`/* SOLUTION */`
`65`	`66`
`66`	`67`	`.popup-modal {`
`67`		`- transition: transform .3s ease-in-out, opacity .4s ease;`
	`68`	`+ transition: transform 0.3s ease-in-out, opacity 0.4s ease;`
`68`	`69`	`transform: translate(-50%, -100%);`
`69`	`70`	`}`
`70`	`71`
`71`	`72`	`.popup-modal.show {`
`72`	`73`	`transform: translate(-50%, -50%);`
`73`	`74`	`}`
`74`		`-`
`75`		`-`