opensource/freeCodeCamp
3
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-09-24 23:01:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(learn): implement box-sizing correctly (#49578)

Browse Source 
fix(learn): implement box sizing correctly
This commit is contained in:
Lasse Jørgensen
2023-03-21 13:58:24 +05:30
committed by GitHub
parent 5a2b5f1ed2
commit 4617011edb
55 changed files with 63 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143d2842b497779bad947de.md
+9 -1
View File
@@ -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--
curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d66a5358db0c80628757.md
+1 -8
View File
@@ -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--
curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d7dbdd3e580da730ff45.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144de308591ec10e27d5383.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144e1ba93e435127a7f516d.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee46a9d6e614c598cc05.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee790af79815ad15a832.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f1410990ea17187a722b.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f42204c8c8195f1f3345.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f47b7c631e1a6f304dd5.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b07081759c2c691166a9.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b0d764e4192e5712ed92.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b185ef37522f688316b0.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b30464daf630848c21d4.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b4b150434734143db6f2.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b5623efa8f369f2c3643.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b59ef318e03875f35c4a.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bd62bbb8c83a5f1fc1b3.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be3d605d6b3ca9425d11.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be82ca63c63daa8cca49.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bf49fcc7913f05dbf9b7.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bfc43df3bc40fe0e6405.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c004ffc8434252940dc3.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c224ecb157439bc5247c.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c434bd731d45617a76c6.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c5036ddad94692a66230.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c58bace368497fb11bcf.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c6aa9981d74af202125e.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c721e74ecd4c619ae51c.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148ceaf5d897d4d8b3554b3.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148cf094b3f2b4e8a032c63.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d0b863d10d50544ace0e.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1bdf39c5b5186f5974b.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1f9eb63c252e1f8acc4.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d2444d01ab541e64a1e4.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d33e31fccf558696c745.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d3fff5186b57123d97e2.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d4d57b965358c9fa38bf.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d7720f0db36775db868a.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d94fdf6a5d6899f8ff15.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d9825b50a3698aeee644.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e162e255676ae0da6a76.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e19c3e26436be0155690.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e246146b646cf4255f0c.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e2dcdd60306dd77d41cc.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e4d6861a486f60681f36.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e5a204d99e70343a63e4.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e62a6f768f71c4f04828.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e789329dc9736ce59b85.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f34ebedc2274bceeb99c.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f600cde42b7670c2611f.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f693e0728f77c87f3020.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f6f7d8914c78e93136ca.md
+1 -1
View File
@@ -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/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614e0e503b110f76d3ac2ff6.md
+1 -1
View File
@@ -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 {