From d0480e825ae44f118e0599aae63da4ecb49549b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lasse=20J=C3=B8rgensen?=
 <28780271+lasjorg@users.noreply.github.com>
Date: Wed, 23 Aug 2023 19:26:55 +0200
Subject: [PATCH] fix(curriculum): check individual properties instead of
 shorthand (#51272)

---
 .../614100d7d335bb2a5ff74f1f.md                           | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/614100d7d335bb2a5ff74f1f.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/614100d7d335bb2a5ff74f1f.md
index 213e9642565..ac7241c1185 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/614100d7d335bb2a5ff74f1f.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/614100d7d335bb2a5ff74f1f.md
@@ -16,7 +16,13 @@ Set the `animation` property of the `.cabin` rule to `cabins 10s linear infinite
 Your `.cabin` selector should have an `animation` property set to `cabins 10s linear infinite`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cabin')?.animation === '10s linear 0s infinite normal none running cabins');
+const cabinElementStyles = new __helpers.CSSHelp(document).getStyle('.cabin');
+assert(
+  cabinElementStyles?.animationName === "cabins" &&
+    cabinElementStyles?.animationDuration === "10s" &&
+    cabinElementStyles?.animationTimingFunction === "linear" &&
+    cabinElementStyles?.animationIterationCount === "infinite"
+);
 ```
 
 # --seed--