From ec3ff935564f8d2150ea8530830bfff92118437b Mon Sep 17 00:00:00 2001
From: Vivaan Teotia <60779432+dragon-slayer27@users.noreply.github.com>
Date: Fri, 18 Jul 2025 00:26:49 +0530
Subject: [PATCH] chore(curriculum): update assets in workshop magazine step
 76, 77, and 79 (#61386)

---
 .../workshop-magazine/6148f34ebedc2274bceeb99c.md           | 6 +++---
 .../workshop-magazine/6148f600cde42b7670c2611f.md           | 6 +++---
 .../workshop-magazine/6148f6f7d8914c78e93136ca.md           | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f34ebedc2274bceeb99c.md b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f34ebedc2274bceeb99c.md
index 62aecaf2b28..76ec3c42a88 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f34ebedc2274bceeb99c.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f34ebedc2274bceeb99c.md
@@ -18,19 +18,19 @@ This will collapse the three images into one column on smaller screens.
 You should have a new `@media` rule for `only screen and (max-width: 720px)`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[0]?.media?.mediaText === 'only screen and (max-width: 720px)');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[0]?.media?.mediaText, 'only screen and (max-width: 720px)');
 ```
 
 Your new `@media` rule should have an `.image-wrapper` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[0]?.cssRules?.[0]?.selectorText === '.image-wrapper');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[0]?.cssRules?.[0]?.selectorText, '.image-wrapper');
 ```
 
 Your new `.image-wrapper` selector should have a `grid-template-columns` property of `1fr`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[0]?.cssRules?.[0]?.style?.gridTemplateColumns === '1fr');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[0]?.cssRules?.[0]?.style?.gridTemplateColumns, '1fr');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f600cde42b7670c2611f.md b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f600cde42b7670c2611f.md
index 839534cac9a..825aabcf904 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f600cde42b7670c2611f.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f600cde42b7670c2611f.md
@@ -16,19 +16,19 @@ This will collapse your bottom text area into a single column on smaller screens
 You should create a new `@media` query for `only screen and (max-width: 600px)`. This should be below your previous `@media` query.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[1]?.media?.mediaText === 'only screen and (max-width: 600px)');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[1]?.media?.mediaText, 'only screen and (max-width: 600px)');
 ```
 
 Your new `@media` query should have a `.text-with-images` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[1]?.cssRules?.[0]?.selectorText === '.text-with-images');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[1]?.cssRules?.[0]?.selectorText, '.text-with-images');
 ```
 
 Your new `.text-with-images` selector should have a `grid-template-columns` property with a value of `1fr`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[1]?.cssRules?.[0]?.style?.gridTemplateColumns === '1fr');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[1]?.cssRules?.[0]?.style?.gridTemplateColumns, '1fr');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f6f7d8914c78e93136ca.md b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f6f7d8914c78e93136ca.md
index 2d39cc8192f..c5e5b2619ec 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f6f7d8914c78e93136ca.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f6f7d8914c78e93136ca.md
@@ -22,13 +22,13 @@ assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[3]?.media?.m
 Your new `@media` query should have a `.hero-title` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[3]?.cssRules?.[0]?.selectorText === '.hero-title');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[3]?.cssRules?.[0]?.selectorText, '.hero-title');
 ```
 
 Your `.hero-title` selector should have a `font-size` property set to `4.5rem`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[3]?.cssRules?.[0]?.style?.fontSize === '4.5rem');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[3]?.cssRules?.[0]?.style?.fontSize, '4.5rem');
 ```
 
 # --seed--