chore: updated tests to use specific asserts in magazine workshop steps 31-37 (freeCodeCamp#61245)

Author: baibhavmandal

curriculum/challenges/english/25-front-end-development/workshop-magazine/6144ee790af79815ad15a832.md

@@ -16,13 +16,13 @@ Begin by creating a `main` selector and giving it a `display` property set to `g
 You should have a `main` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('main'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('main'));
 ```
 
 Your `main` selector should have a `display` property set to `grid`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('main')?.display === 'grid');
+assert.equal(new __helpers.CSSHelp(document).getStyle('main')?.display, 'grid');
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-magazine/6144f1410990ea17187a722b.md

@@ -16,7 +16,7 @@ In this case, your parent element is the `main` element. Set the content to have
 Your `main` section should have a `grid-template-columns` property set to `1fr 94rem 1fr`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('main')?.gridTemplateColumns === '1fr 94rem 1fr');
+assert.equal(new __helpers.CSSHelp(document).getStyle('main')?.gridTemplateColumns, '1fr 94rem 1fr');
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-magazine/6144f3818bfbc51844152e36.md

@@ -16,7 +16,7 @@ Wrap each of your already defined values of the `grid-template-columns` property
 Your `main` selector should have a `grid-template-columns` property set to `minmax(2rem, 1fr) minmax(min-content, 94rem) minmax(2rem, 1fr)`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('main')?.gridTemplateColumns === 'minmax(2rem, 1fr) minmax(min-content, 94rem) minmax(2rem, 1fr)');
+assert.equal(new __helpers.CSSHelp(document).getStyle('main')?.gridTemplateColumns, 'minmax(2rem, 1fr) minmax(min-content, 94rem) minmax(2rem, 1fr)');
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-magazine/6144f42204c8c8195f1f3345.md

@@ -14,7 +14,7 @@ To add space between rows in the grid layout, you can use the `row-gap` property
 Your `main` selector should have a `row-gap` property of `3rem`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('main')?.rowGap === '3rem');
+assert.equal(new __helpers.CSSHelp(document).getStyle('main')?.rowGap, '3rem');
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-magazine/6144f47b7c631e1a6f304dd5.md

@@ -18,13 +18,13 @@ Create a `.heading` rule and set the `grid-column` property to `2 / 3`. This wil
 You should have a `.heading` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.heading'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('.heading'));
 ```
 
 Your `.heading` selector should have a `grid-column` property set to `2 / 3`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.heading')?.gridColumn === '2 / 3');
+assert.equal(new __helpers.CSSHelp(document).getStyle('.heading')?.gridColumn, '2 / 3');
 ```
 
 # --seed--

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

@@ -14,13 +14,13 @@ Create a `.text` selector and give it a `grid-column` property set to `2 / 3`.
 You should have a `.text` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.text'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('.text'));
 ```
 
 Your `.text` selector should have a `grid-column` property set to `2 / 3`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.text')?.gridColumn === '2 / 3');
+assert.equal(new __helpers.CSSHelp(document).getStyle('.text')?.gridColumn, '2 / 3');
 ```
 
 # --seed--

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

@@ -16,7 +16,7 @@ Set the `display` property of your `.heading` selector to `grid`.
 Your `.heading` selector should have a `display` property set to `grid`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.heading')?.display === 'grid');
+assert.equal(new __helpers.CSSHelp(document).getStyle('.heading')?.display, 'grid');
 ```
 
 # --seed--