From 4617011edb51f3c263f9283114042b8cd46433c2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lasse=20J=C3=B8rgensen?= <28780271+lasjorg@users.noreply.github.com> Date: Tue, 21 Mar 2023 09:28:24 +0100 Subject: [PATCH] fix(learn): implement box-sizing correctly (#49578) fix(learn): implement box sizing correctly --- .../6143d2842b497779bad947de.md | 10 +++++++++- .../6144d66a5358db0c80628757.md | 9 +-------- .../6144d7dbdd3e580da730ff45.md | 2 +- .../6144de308591ec10e27d5383.md | 2 +- .../6144e1ba93e435127a7f516d.md | 2 +- .../6144ee46a9d6e614c598cc05.md | 2 +- .../6144ee790af79815ad15a832.md | 2 +- .../6144f1410990ea17187a722b.md | 2 +- .../6144f3818bfbc51844152e36.md | 2 +- .../6144f42204c8c8195f1f3345.md | 2 +- .../6144f47b7c631e1a6f304dd5.md | 2 +- .../6148b07081759c2c691166a9.md | 2 +- .../6148b0d764e4192e5712ed92.md | 2 +- .../6148b185ef37522f688316b0.md | 2 +- .../6148b30464daf630848c21d4.md | 2 +- .../6148b4b150434734143db6f2.md | 2 +- .../6148b5623efa8f369f2c3643.md | 2 +- .../6148b59ef318e03875f35c4a.md | 2 +- .../6148bd62bbb8c83a5f1fc1b3.md | 2 +- .../6148be3d605d6b3ca9425d11.md | 2 +- .../6148be82ca63c63daa8cca49.md | 2 +- .../6148bf49fcc7913f05dbf9b7.md | 2 +- .../6148bfc43df3bc40fe0e6405.md | 2 +- .../6148c004ffc8434252940dc3.md | 2 +- .../6148c224ecb157439bc5247c.md | 2 +- .../6148c434bd731d45617a76c6.md | 2 +- .../6148c5036ddad94692a66230.md | 2 +- .../6148c58bace368497fb11bcf.md | 2 +- .../6148c6aa9981d74af202125e.md | 2 +- .../6148c721e74ecd4c619ae51c.md | 2 +- .../6148ceaf5d897d4d8b3554b3.md | 2 +- .../6148cf094b3f2b4e8a032c63.md | 2 +- .../6148d0b863d10d50544ace0e.md | 2 +- .../6148d1bdf39c5b5186f5974b.md | 2 +- .../6148d1f9eb63c252e1f8acc4.md | 2 +- .../6148d2444d01ab541e64a1e4.md | 2 +- .../6148d33e31fccf558696c745.md | 2 +- .../6148d3fff5186b57123d97e2.md | 2 +- .../6148d4d57b965358c9fa38bf.md | 2 +- .../6148d7720f0db36775db868a.md | 2 +- .../6148d94fdf6a5d6899f8ff15.md | 2 +- .../6148d9825b50a3698aeee644.md | 2 +- .../6148e162e255676ae0da6a76.md | 2 +- .../6148e19c3e26436be0155690.md | 2 +- .../6148e246146b646cf4255f0c.md | 2 +- .../6148e2dcdd60306dd77d41cc.md | 2 +- .../6148e4d6861a486f60681f36.md | 2 +- .../6148e5a204d99e70343a63e4.md | 2 +- .../6148e62a6f768f71c4f04828.md | 2 +- .../6148e789329dc9736ce59b85.md | 2 +- .../6148f34ebedc2274bceeb99c.md | 2 +- .../6148f600cde42b7670c2611f.md | 2 +- .../6148f693e0728f77c87f3020.md | 2 +- .../6148f6f7d8914c78e93136ca.md | 2 +- .../614e0e503b110f76d3ac2ff6.md | 2 +- 55 files changed, 63 insertions(+), 62 deletions(-) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143d2842b497779bad947de.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143d2842b497779bad947de.md index 813ab28b826..fbff2524af8 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143d2842b497779bad947de.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143d2842b497779bad947de.md @@ -7,7 +7,9 @@ dashedName: step-26 # --description-- -To start your CSS, normalize the CSS rules by targeting all elements with `*`, including the `::before` and `::after` pseudo-selectors. Set the `padding` property and `margin` property both to `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-- @@ -29,6 +31,12 @@ Your `*, ::before, ::after` selector should have a `margin` property set to `0`. 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-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d66a5358db0c80628757.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d66a5358db0c80628757.md index 4a5916f083b..4d0d59c5d2b 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d66a5358db0c80628757.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d66a5358db0c80628757.md @@ -11,8 +11,6 @@ Create an `html` selector and give it a `font-size` property set to `62.5%`. Thi This will make it easier for you to work with `rem` units later, as `2rem` would be 20px. -Also, set the `box-sizing` property to `border-box`. - # --hints-- You should create an `html` selector. @@ -27,12 +25,6 @@ Your `html` selector should have a `font-size` property set to `62.5%`. assert(new __helpers.CSSHelp(document).getStyle('html')?.fontSize === '62.5%'); ``` -Your `html` selector should have a `box-sizing` property set to `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-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d7dbdd3e580da730ff45.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d7dbdd3e580da730ff45.md index 7ff9082f0e8..e61bb8104a9 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d7dbdd3e580da730ff45.md +++ b/curriculum/challenges/english/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-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144de308591ec10e27d5383.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144de308591ec10e27d5383.md index 8a5a35a79d4..d05b2a598e4 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144de308591ec10e27d5383.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144e1ba93e435127a7f516d.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144e1ba93e435127a7f516d.md index b88b5b2c249..e82412e6ee2 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144e1ba93e435127a7f516d.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee46a9d6e614c598cc05.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee46a9d6e614c598cc05.md index cefa6e21aad..7281e5790cb 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee46a9d6e614c598cc05.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee790af79815ad15a832.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee790af79815ad15a832.md index defe5fc1693..59eaf00b28d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee790af79815ad15a832.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f1410990ea17187a722b.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f1410990ea17187a722b.md index fc25931639b..03e2b2add94 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f1410990ea17187a722b.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md index 3f24bba4d26..1e8f61e3fa2 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f42204c8c8195f1f3345.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f42204c8c8195f1f3345.md index 15528e7d5d9..baa51ed32c2 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f42204c8c8195f1f3345.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f47b7c631e1a6f304dd5.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f47b7c631e1a6f304dd5.md index 0d3c9702bfe..937c3410e1b 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f47b7c631e1a6f304dd5.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b07081759c2c691166a9.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b07081759c2c691166a9.md index 2d133371f79..f12a2d7328c 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b07081759c2c691166a9.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b0d764e4192e5712ed92.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b0d764e4192e5712ed92.md index 12fc38f790e..26a4f729102 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b0d764e4192e5712ed92.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b185ef37522f688316b0.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b185ef37522f688316b0.md index e68572fccf6..c073379c6a4 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b185ef37522f688316b0.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b30464daf630848c21d4.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b30464daf630848c21d4.md index 71ae54a2abe..47d7045cb14 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b30464daf630848c21d4.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b4b150434734143db6f2.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b4b150434734143db6f2.md index cb2bf5e6088..d9fc1dc81e6 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b4b150434734143db6f2.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b5623efa8f369f2c3643.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b5623efa8f369f2c3643.md index 50bcd857e95..fb8622fda71 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b5623efa8f369f2c3643.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b59ef318e03875f35c4a.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b59ef318e03875f35c4a.md index 4e02bcea6b6..0a9202eaaaf 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b59ef318e03875f35c4a.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bd62bbb8c83a5f1fc1b3.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bd62bbb8c83a5f1fc1b3.md index 79cfd07a73b..d6fea6961ba 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bd62bbb8c83a5f1fc1b3.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be3d605d6b3ca9425d11.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be3d605d6b3ca9425d11.md index 988ec7d9b4d..9c871e3f05a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be3d605d6b3ca9425d11.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be82ca63c63daa8cca49.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be82ca63c63daa8cca49.md index 900768bc017..3a333cb3e85 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be82ca63c63daa8cca49.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bf49fcc7913f05dbf9b7.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bf49fcc7913f05dbf9b7.md index 86afef0ad3a..566bdf9d59e 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bf49fcc7913f05dbf9b7.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bfc43df3bc40fe0e6405.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bfc43df3bc40fe0e6405.md index 35fc54744f8..1d8853994da 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bfc43df3bc40fe0e6405.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c004ffc8434252940dc3.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c004ffc8434252940dc3.md index aa09f1df174..42325b1493b 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c004ffc8434252940dc3.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c224ecb157439bc5247c.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c224ecb157439bc5247c.md index 8a679a698b4..289db07d938 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c224ecb157439bc5247c.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c434bd731d45617a76c6.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c434bd731d45617a76c6.md index 65148730985..70e6e717064 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c434bd731d45617a76c6.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c5036ddad94692a66230.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c5036ddad94692a66230.md index 3f62a3cdb38..e2a1baaf2f7 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c5036ddad94692a66230.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c58bace368497fb11bcf.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c58bace368497fb11bcf.md index fb1d86107ae..61db12985f8 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c58bace368497fb11bcf.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c6aa9981d74af202125e.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c6aa9981d74af202125e.md index 187216737dc..1ea7628383c 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c6aa9981d74af202125e.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c721e74ecd4c619ae51c.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c721e74ecd4c619ae51c.md index 6e5b23b6f5a..7da80be27ec 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c721e74ecd4c619ae51c.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148ceaf5d897d4d8b3554b3.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148ceaf5d897d4d8b3554b3.md index 69b4158009f..85b3036c29a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148ceaf5d897d4d8b3554b3.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148cf094b3f2b4e8a032c63.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148cf094b3f2b4e8a032c63.md index 43e50830b1d..f1c8190f7d8 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148cf094b3f2b4e8a032c63.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d0b863d10d50544ace0e.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d0b863d10d50544ace0e.md index 06f0be77acf..3b3757ead36 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d0b863d10d50544ace0e.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1bdf39c5b5186f5974b.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1bdf39c5b5186f5974b.md index dcbfd1394f6..e6fcc4cbfda 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1bdf39c5b5186f5974b.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1f9eb63c252e1f8acc4.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1f9eb63c252e1f8acc4.md index 8b519c2d9ef..0b2f75a39d9 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1f9eb63c252e1f8acc4.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d2444d01ab541e64a1e4.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d2444d01ab541e64a1e4.md index d9b089bb510..d5aa5abecf5 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d2444d01ab541e64a1e4.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d33e31fccf558696c745.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d33e31fccf558696c745.md index f9fc3477ffe..a32141160f7 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d33e31fccf558696c745.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d3fff5186b57123d97e2.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d3fff5186b57123d97e2.md index a7fe77ac0a3..f0ecd9f51da 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d3fff5186b57123d97e2.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d4d57b965358c9fa38bf.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d4d57b965358c9fa38bf.md index 16e04f302e7..1e93848ed2a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d4d57b965358c9fa38bf.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d7720f0db36775db868a.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d7720f0db36775db868a.md index 98d7784f11d..08fdba40483 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d7720f0db36775db868a.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d94fdf6a5d6899f8ff15.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d94fdf6a5d6899f8ff15.md index 2e1b2b5c3d0..5344cdbce79 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d94fdf6a5d6899f8ff15.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d9825b50a3698aeee644.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d9825b50a3698aeee644.md index f0e4249bfbe..029dca3c54b 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d9825b50a3698aeee644.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e162e255676ae0da6a76.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e162e255676ae0da6a76.md index 49a92044791..905396cfb55 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e162e255676ae0da6a76.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e19c3e26436be0155690.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e19c3e26436be0155690.md index 859891139d8..bb86e7bd6db 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e19c3e26436be0155690.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e246146b646cf4255f0c.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e246146b646cf4255f0c.md index e3a186c9466..49fe801bd91 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e246146b646cf4255f0c.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e2dcdd60306dd77d41cc.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e2dcdd60306dd77d41cc.md index 63c0aeb4931..75df1cb2cda 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e2dcdd60306dd77d41cc.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e4d6861a486f60681f36.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e4d6861a486f60681f36.md index 36e0d2208a1..3edc2ad8532 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e4d6861a486f60681f36.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e5a204d99e70343a63e4.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e5a204d99e70343a63e4.md index b9448b07782..9f4a308b6e7 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e5a204d99e70343a63e4.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e62a6f768f71c4f04828.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e62a6f768f71c4f04828.md index 80824ba7b96..67bae89ff29 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e62a6f768f71c4f04828.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e789329dc9736ce59b85.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e789329dc9736ce59b85.md index 9d5bdb5f947..7d51a64cc71 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e789329dc9736ce59b85.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f34ebedc2274bceeb99c.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f34ebedc2274bceeb99c.md index 89008705e4a..751ec6ffe1b 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f34ebedc2274bceeb99c.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f600cde42b7670c2611f.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f600cde42b7670c2611f.md index bd1c8ce483c..00edb0ea89b 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f600cde42b7670c2611f.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f693e0728f77c87f3020.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f693e0728f77c87f3020.md index 056b0601cdf..6a2882a789a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f693e0728f77c87f3020.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f6f7d8914c78e93136ca.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f6f7d8914c78e93136ca.md index bf702462281..869b75b9f75 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f6f7d8914c78e93136ca.md +++ b/curriculum/challenges/english/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 { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614e0e503b110f76d3ac2ff6.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614e0e503b110f76d3ac2ff6.md index 9ab32041475..7f40f57be5e 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614e0e503b110f76d3ac2ff6.md +++ b/curriculum/challenges/english/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 {