chore(curriculum): update step 78 workshop magazine to use specific asserts (freeCodeCamp#61388)

Author: linkwithjoydeep

curriculum/challenges/english/25-front-end-development/workshop-magazine/6148f693e0728f77c87f3020.md

@@ -14,40 +14,40 @@ Create a third `@media` query for `only screen` with a `max-width` of `550px`. W
 You should have a new `@media` query for `only screen` with a `max-width` of `550px`. This should come after your previous two.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.media?.mediaText === 'only screen and (max-width: 550px)');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.media?.mediaText, 'only screen and (max-width: 550px)');
 ```
 
 Your new `@media` rule should have a `.hero-title` selector, a `.hero-subtitle, .author, .quote, .list-title` selector, a `.social-icons` selector, and a `.text` selector. These selectors should be in this order.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[0]?.selectorText === '.hero-title');
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[1]?.selectorText === '.hero-subtitle, .author, .quote, .list-title');
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[2]?.selectorText === '.social-icons');
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[3]?.selectorText === '.text');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[0]?.selectorText, '.hero-title');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[1]?.selectorText, '.hero-subtitle, .author, .quote, .list-title');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[2]?.selectorText, '.social-icons');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[3]?.selectorText, '.text');
 ```
 
 Your `.hero-title` selector should have a `font-size` set to `6rem`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[0]?.style?.fontSize === '6rem');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[0]?.style?.fontSize, '6rem');
 ```
 
 Your `.hero-subtitle, .author, .quote, .list-title` selector should have a `font-size` set to `1.8rem`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[1]?.style?.fontSize === '1.8rem');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[1]?.style?.fontSize, '1.8rem');
 ```
 
 Your `.social-icons` selector should have a `font-size` set to `2rem`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[2]?.style?.fontSize === '2rem');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[2]?.style?.fontSize, '2rem');
 ```
 
 Your `.text` selector should have a `font-size` set to `1.6rem`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[3]?.style?.fontSize === '1.6rem');
+assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[3]?.style?.fontSize, '1.6rem');
 ```
 
 # --seed--