chore(i18n,learn): processed translations (#49787)

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143d2842b497779bad947de.md

@@ -7,28 +7,36 @@ dashedName: step-26
 
 # --description--
 
-لبدء CSS الخاص بك، قم بتطبيع قواعد CSS باستهداف جميع العناصر باستخدام `*`، بما في ذلك pseudo-selecters الـ `::before` و `::after`. عيّن خاصية `padding` والخاصية `margin` إلى `0`.
+To start your CSS, normalize the CSS rules by targeting all elements with `*`, including the `::before` and `::after` pseudo-selectors.
+
+Set the `padding` and `margin` properties both to `0` and set the `box-sizing` property to `border-box`.
 
 # --hints--
 
-يجب أن يكون لديك منتقي `*, ::before, ::after`.
+You should have a `*, ::before, ::after` selector.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after'));
 ```
 
-يجب أن يكون لمنتقي `*, ::before, ::after` الخاص بك الخاصية `padding` بقيمة `0`.
+Your `*, ::before, ::after` selector should have a `padding` property set to `0`.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')?.padding === '0px');
 ```
 
-يجب أن يكون لمنتقي `*, ::before, ::after` الخاص بك الخاصية `margin` بقيمة `0`.
+Your `*, ::before, ::after` selector should have a `margin` property set to `0`.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')?.margin === '0px');
 ```
 
+Your `*, ::before, ::after` selector should have a `box-sizing` property set to `border-box`.
+
+```js
+assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')?.boxSizing === 'border-box');
+```
+
 # --seed--
 
 ## --seed-contents--

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d66a5358db0c80628757.md

@@ -11,28 +11,20 @@ dashedName: step-27
 
 سيسهل ذلك عليك العمل مع وحدات `rem` لاحقًا، حيث سيكون `2rem` هو 20 بكسل.
 
-أيضًا ، قم بتعيين خاصية `box-sizing` إلى `border-box`.
-
 # --hints--
 
-يجب عليك إنشاء منتقي `html`.
+You should create an `html` selector.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('html'));
 ```
 
-يجب أن يكون لمنتقي `html` الخاص بك الخاصية `font-size` بقيمة `62.5%`.
+Your `html` selector should have a `font-size` property set to `62.5%`.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('html')?.fontSize === '62.5%');
 ```
 
-يجب أن يكون لمنتقي `html` الخاص بك `box-sizing` بقيمة `border-box`.
-
-```js
-assert(new __helpers.CSSHelp(document).getStyle('html')?.boxSizing === 'border-box');
-```
-
 # --seed--
 
 ## --seed-contents--
@@ -218,6 +210,7 @@ assert(new __helpers.CSSHelp(document).getStyle('html')?.boxSizing === 'border-b
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 --fcc-editable-region--

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d7dbdd3e580da730ff45.md

@@ -221,11 +221,11 @@ assert(new __helpers.CSSHelp(document).getStyle('body')?.backgroundColor === 'rg
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 --fcc-editable-region--

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144de308591ec10e27d5383.md

@@ -209,11 +209,11 @@ assert(fontFamily === 'Anton, sans-serif' || fontFamily === `"Anton", sans-serif
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144e1ba93e435127a7f516d.md

@@ -209,11 +209,11 @@ assert(fontFamily === 'Raleway, sans-serif' || fontFamily === `"Raleway", sans-s
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee46a9d6e614c598cc05.md

@@ -214,11 +214,11 @@ assert(new __helpers.CSSHelp(document).getStyle('a')?.color === 'linen');
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee790af79815ad15a832.md

@@ -210,11 +210,11 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.display === 'grid');
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f1410990ea17187a722b.md

@@ -204,11 +204,11 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.gridTemplateColumns ===
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md

@@ -204,11 +204,11 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.gridTemplateColumns ===
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f42204c8c8195f1f3345.md

@@ -202,11 +202,11 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.rowGap === '3rem');
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f47b7c631e1a6f304dd5.md

@@ -212,11 +212,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.gridColumn === '2 /
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b07081759c2c691166a9.md

@@ -208,11 +208,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.gridColumn === '2 / 3'
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b0d764e4192e5712ed92.md

@@ -204,11 +204,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.display === 'grid')
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b185ef37522f688316b0.md

@@ -208,11 +208,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.gridTemplateColumns
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b30464daf630848c21d4.md

@@ -204,11 +204,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.rowGap === '1.5rem'
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b4b150434734143db6f2.md

@@ -212,11 +212,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero')?.gridColumn === '1 / -1
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b5623efa8f369f2c3643.md

@@ -204,11 +204,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero')?.position === 'relative
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b59ef318e03875f35c4a.md

@@ -217,11 +217,11 @@ assert(new __helpers.CSSHelp(document).getStyle('img')?.objectFit === 'cover');
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bd62bbb8c83a5f1fc1b3.md

@@ -221,11 +221,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero-title')?.fontSize === '8r
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be3d605d6b3ca9425d11.md

@@ -221,11 +221,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero-subtitle')?.textAlign ===
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be82ca63c63daa8cca49.md

@@ -216,11 +216,11 @@ assert(fontFamily === 'Raleway, sans-serif' || fontFamily === `"Raleway", sans-s
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bf49fcc7913f05dbf9b7.md

@@ -211,11 +211,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.author-name a:hover')?.backgro
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bfc43df3bc40fe0e6405.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.publish-date')?.color === 'rgb
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c004ffc8434252940dc3.md

@@ -215,11 +215,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.fontSize === '
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c224ecb157439bc5247c.md

@@ -203,11 +203,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridTemplateCo
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c434bd731d45617a76c6.md

@@ -207,11 +207,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridAutoFlow =
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c5036ddad94692a66230.md

@@ -205,11 +205,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridAutoColumn
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c58bace368497fb11bcf.md

@@ -205,11 +205,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.alignItems ===
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c6aa9981d74af202125e.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.letterSpacing === '0.6
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c721e74ecd4c619ae51c.md

@@ -205,11 +205,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.columnWidth === '25rem
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148ceaf5d897d4d8b3554b3.md

@@ -205,11 +205,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.textAlign === 'justify
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148cf094b3f2b4e8a032c63.md

@@ -217,11 +217,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter'
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d0b863d10d50544ace0e.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter'
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1bdf39c5b5186f5974b.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('hr')?.margin === '1.5rem 0px');
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1f9eb63c252e1f8acc4.md

@@ -205,11 +205,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('hr')?.borderColor, 'rgba(
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d2444d01ab541e64a1e4.md

@@ -221,11 +221,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.quote')?.textAlign === 'center
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d33e31fccf558696c745.md

@@ -204,11 +204,11 @@ assert(fontFamily === 'Raleway, sans-serif' || fontFamily === `"Raleway", sans-s
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d3fff5186b57123d97e2.md

@@ -225,11 +225,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.quote::before')?.content?.matc
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d4d57b965358c9fa38bf.md

@@ -211,11 +211,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.display ==
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d7720f0db36775db868a.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.columnGap
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d94fdf6a5d6899f8ff15.md

@@ -203,11 +203,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.marginBott
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d9825b50a3698aeee644.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.lists')?.listStyleType === 'no
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e162e255676ae0da6a76.md

@@ -203,11 +203,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.lists')?.marginTop === '2rem')
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e19c3e26436be0155690.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.lists li')?.marginBottom === '
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e246146b646cf4255f0c.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.list-title, .list-subtitle')?.
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e2dcdd60306dd77d41cc.md

@@ -211,11 +211,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.display === '
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e4d6861a486f60681f36.md

@@ -211,11 +211,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.gridTemplateR
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e5a204d99e70343a63e4.md

@@ -205,11 +205,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.gap === '2rem
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e62a6f768f71c4f04828.md

@@ -205,11 +205,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.placeItems ==
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e789329dc9736ce59b85.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.image-1, .image-3')?.gridColum
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f34ebedc2274bceeb99c.md

@@ -219,11 +219,11 @@ assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[0]?.cssRules?.[0]?
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f600cde42b7670c2611f.md

@@ -217,11 +217,11 @@ assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[1]?.cssRules?.[0]?
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f693e0728f77c87f3020.md

@@ -236,11 +236,11 @@ assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[3]?
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f6f7d8914c78e93136ca.md

@@ -217,11 +217,11 @@ assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[3]?.cssRules?.[0]?
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614e0e503b110f76d3ac2ff6.md

@@ -206,11 +206,11 @@ assert.isNull(document.querySelector('.hero-img')?.getAttribute('width'));
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/arabic/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md

@@ -20,43 +20,54 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca
 عنصر `p` الجديد الخاص بك يجب أن يحتوي على النص `Cholesterol 0mg 0%`.
 
 ```js
-assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Cholesterol[\s|\n]+0mg[\s|\n]+0%/));
+const text = document.querySelector('.daily-value.small-text')?.lastElementChild?.textContent?.trim()?.replace(/\n/g, ' ')?.replace(/\s\s+/g, ' ');
+assert(text === 'Cholesterol 0mg 0%');
 ```
 
-يجب أن يحتوي عنصر `p` الجديد على ثلاث عناصر `span`.
+Your new `p` element should have exactly three `span` elements.
 
 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3);
 ```
 
-يجب أن يحتوي عنصر `span` الأول بنص `Cholesterol` على `class` بقيمة `bold`.
+The text `Cholesterol` should be nested in a `span`.
 
 ```js
-assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.classList?.contains('bold'));
+const spans = [...document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')];
+const cholesterolSpan = spans.filter(span => span?.innerHTML?.match(/^[\s\n]*Cholesterol[\s\n]*$/));
+assert(cholesterolSpan.length === 1);
 ```
 
-يجب أن يغلف عنصر `span` الأول النص `Cholesterol 0mg`.
+Your `Cholesterol` `span` should have the `class` attribute set to `bold`.
 
 ```js
-assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Cholesterol[\s|\n]+0mg/));
+const spans = [...document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')];
+const cholesterolSpan = spans.filter(span => span?.innerHTML?.match(/^[\s\n]*Cholesterol[\s\n]*$/));
+assert(cholesterolSpan[0]?.classList?.contains('bold'));
 ```
 
-يجب أن يغلف عنصر `span` الأول النص `Cholesterol`.
+The text `0%` should be nested in a `span`.
 
 ```js
-assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === 'Cholesterol');
+const spans = [...document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')];
+const zeroPercentSpan = spans.filter(span => span?.innerHTML?.match(/^[\s\n]*0%[\s\n]*$/));
+assert(zeroPercentSpan.length === 1);
 ```
 
-يجب أن يحتوي عنصر `span` الثاني على سمة `class` بقيمة `bold`.
+Your `0%` `span` should have the `class` attribute set to `bold`.
 
 ```js
-assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold'));
+const spans = [...document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')];
+const zeroPercentSpan = spans.filter(span => span?.innerHTML?.match(/^[\s\n]*0%[\s\n]*$/));
+assert(zeroPercentSpan[0]?.classList?.contains('bold'));
 ```
 
-يجب أن يغلف عنصر `span` الثاني النص `0%`.
+Your `Cholesterol` `span` and your `0mg` text should be wrapped in a `span`.
 
 ```js
-assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '0%');
+const spans = [...document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')];
+const cholesterolZeroSpan = spans.filter(span => span?.innerText === 'Cholesterol 0mg');
+assert(cholesterolZeroSpan.length === 1);
 ```
 
 # --seed--

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143d2842b497779bad947de.md

@@ -7,28 +7,36 @@ dashedName: step-26
 
 # --description--
 
-要啓動你的 CSS，請通過使用 `*` 定位所有元素來規範 CSS 規則，包括 `::before` 和 `::after` 僞選擇器。 將 `padding` 屬性和 `margin` 屬性都設置爲 `0`。
+To start your CSS, normalize the CSS rules by targeting all elements with `*`, including the `::before` and `::after` pseudo-selectors.
+
+Set the `padding` and `margin` properties both to `0` and set the `box-sizing` property to `border-box`.
 
 # --hints--
 
-你應該有一個 `*, ::before, ::after` 選擇器。
+You should have a `*, ::before, ::after` selector.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after'));
 ```
 
-你的 `*, ::before, ::after` 選擇器應該有一個 `padding` 屬性值爲 `0`。
+Your `*, ::before, ::after` selector should have a `padding` property set to `0`.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')?.padding === '0px');
 ```
 
-你的 `*, ::before, ::after` 選擇器應該有一個 `margin` 屬性值爲 `0`。
+Your `*, ::before, ::after` selector should have a `margin` property set to `0`.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')?.margin === '0px');
 ```
 
+Your `*, ::before, ::after` selector should have a `box-sizing` property set to `border-box`.
+
+```js
+assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')?.boxSizing === 'border-box');
+```
+
 # --seed--
 
 ## --seed-contents--

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d66a5358db0c80628757.md

@@ -11,28 +11,20 @@ dashedName: step-27
 
 這將使你以後更容易使用 `rem` 單位，因爲 `2rem` 將是 20px。
 
-此外，將 `box-sizing` 屬性設置爲 `border-box`。
-
 # --hints--
 
-你應該創建一個 `html` 選擇器。
+You should create an `html` selector.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('html'));
 ```
 
-你的 `html` 選擇器應該將 `font-size` 屬性設置爲 `62.5%`。
+Your `html` selector should have a `font-size` property set to `62.5%`.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('html')?.fontSize === '62.5%');
 ```
 
-你的 `html` 選擇器應該有一個 `box-sizing` 屬性設置爲 `border-box`。
-
-```js
-assert(new __helpers.CSSHelp(document).getStyle('html')?.boxSizing === 'border-box');
-```
-
 # --seed--
 
 ## --seed-contents--
@@ -218,6 +210,7 @@ assert(new __helpers.CSSHelp(document).getStyle('html')?.boxSizing === 'border-b
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 --fcc-editable-region--

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d7dbdd3e580da730ff45.md

@@ -221,11 +221,11 @@ assert(new __helpers.CSSHelp(document).getStyle('body')?.backgroundColor === 'rg
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 --fcc-editable-region--

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144de308591ec10e27d5383.md

@@ -209,11 +209,11 @@ assert(fontFamily === 'Anton, sans-serif' || fontFamily === `"Anton", sans-serif
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144e1ba93e435127a7f516d.md

@@ -209,11 +209,11 @@ assert(fontFamily === 'Raleway, sans-serif' || fontFamily === `"Raleway", sans-s
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee46a9d6e614c598cc05.md

@@ -214,11 +214,11 @@ assert(new __helpers.CSSHelp(document).getStyle('a')?.color === 'linen');
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee790af79815ad15a832.md

@@ -210,11 +210,11 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.display === 'grid');
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f1410990ea17187a722b.md

@@ -204,11 +204,11 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.gridTemplateColumns ===
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md

@@ -204,11 +204,11 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.gridTemplateColumns ===
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f42204c8c8195f1f3345.md

@@ -202,11 +202,11 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.rowGap === '3rem');
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f47b7c631e1a6f304dd5.md

@@ -212,11 +212,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.gridColumn === '2 /
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b07081759c2c691166a9.md

@@ -208,11 +208,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.gridColumn === '2 / 3'
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b0d764e4192e5712ed92.md

@@ -204,11 +204,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.display === 'grid')
 *, ::before, ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b185ef37522f688316b0.md

@@ -208,11 +208,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.gridTemplateColumns
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b30464daf630848c21d4.md

@@ -204,11 +204,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.rowGap === '1.5rem'
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b4b150434734143db6f2.md

@@ -212,11 +212,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero')?.gridColumn === '1 / -1
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b5623efa8f369f2c3643.md

@@ -204,11 +204,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero')?.position === 'relative
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b59ef318e03875f35c4a.md

@@ -217,11 +217,11 @@ assert(new __helpers.CSSHelp(document).getStyle('img')?.objectFit === 'cover');
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bd62bbb8c83a5f1fc1b3.md

@@ -221,11 +221,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero-title')?.fontSize === '8r
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be3d605d6b3ca9425d11.md

@@ -221,11 +221,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero-subtitle')?.textAlign ===
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be82ca63c63daa8cca49.md

@@ -216,11 +216,11 @@ assert(fontFamily === 'Raleway, sans-serif' || fontFamily === `"Raleway", sans-s
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bf49fcc7913f05dbf9b7.md

@@ -211,11 +211,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.author-name a:hover')?.backgro
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bfc43df3bc40fe0e6405.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.publish-date')?.color === 'rgb
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c004ffc8434252940dc3.md

@@ -215,11 +215,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.fontSize === '
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c224ecb157439bc5247c.md

@@ -203,11 +203,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridTemplateCo
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c434bd731d45617a76c6.md

@@ -207,11 +207,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridAutoFlow =
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c5036ddad94692a66230.md

@@ -205,11 +205,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridAutoColumn
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c58bace368497fb11bcf.md

@@ -205,11 +205,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.alignItems ===
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c6aa9981d74af202125e.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.letterSpacing === '0.6
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c721e74ecd4c619ae51c.md

@@ -205,11 +205,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.columnWidth === '25rem
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148ceaf5d897d4d8b3554b3.md

@@ -205,11 +205,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.textAlign === 'justify
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148cf094b3f2b4e8a032c63.md

@@ -217,11 +217,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter'
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d0b863d10d50544ace0e.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter'
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1bdf39c5b5186f5974b.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('hr')?.margin === '1.5rem 0px');
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1f9eb63c252e1f8acc4.md

@@ -205,11 +205,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('hr')?.borderColor, 'rgba(
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d2444d01ab541e64a1e4.md

@@ -221,11 +221,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.quote')?.textAlign === 'center
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d33e31fccf558696c745.md

@@ -204,11 +204,11 @@ assert(fontFamily === 'Raleway, sans-serif' || fontFamily === `"Raleway", sans-s
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d3fff5186b57123d97e2.md

@@ -225,11 +225,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.quote::after')?.content?.match
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d4d57b965358c9fa38bf.md

@@ -211,11 +211,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.display ==
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d7720f0db36775db868a.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.columnGap
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d94fdf6a5d6899f8ff15.md

@@ -203,11 +203,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.marginBott
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d9825b50a3698aeee644.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.lists')?.listStyleType === 'no
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e162e255676ae0da6a76.md

@@ -203,11 +203,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.lists')?.marginTop === '2rem')
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e19c3e26436be0155690.md

@@ -209,11 +209,11 @@ assert(new __helpers.CSSHelp(document).getStyle('.lists li')?.marginBottom === '
 ::after {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 
 html {
   font-size: 62.5%;
-  box-sizing: border-box;
 }
 
 body {