diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-003.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-003.md index 1ad7d530fa..f22fb82bee 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-003.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-003.md @@ -29,7 +29,7 @@ You should give the `meta` a `content` attribute of `width=device-width, initial ```js // TODO: Double-check this is the only correct answer -assert.equal(document.querySelectorAll('body > meta[content="width=device-width, initial-scale=1"]')?.length, 1); +assert.equal(document.querySelectorAll('body > meta[content="width=device-width, initial-scale=1.0"]')?.length || document.querySelectorAll('body > meta[content="width=device-width, initial-scale=1"]')?.length, 1); ``` # --seed-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-064.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-064.md index bfc6c2a98f..36d697eb6f 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-064.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-064.md @@ -26,25 +26,25 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('address')?.textAlign, 'ce You should give `address` a `padding-top` of at least `1px`. ```js -assert.isAtLeast(Number(new __helpers.CSSHelp(document).getStyle('address')?.paddingTop?.replace(/\D+/, '')), 1); +assert.isAtLeast(Number(window.getComputedStyle(document.querySelector('address'), null)?.getPropertyValue('padding-top')?.replace(/\D\D+/, '')), 1); ``` You should give `address` a `padding-right` of at least `1px`. ```js -assert.isAtLeast(Number(new __helpers.CSSHelp(document).getStyle('address')?.paddingRight?.replace(/\D+/, '')), 1); +assert.isAtLeast(Number(window.getComputedStyle(document.querySelector('address'), null)?.getPropertyValue('padding-right')?.replace(/\D\D+/, '')), 1); ``` You should give `address` a `padding-bottom` of at least `1px`. ```js -assert.isAtLeast(Number(new __helpers.CSSHelp(document).getStyle('address')?.paddingBottom?.replace(/\D+/, '')), 1); +assert.isAtLeast(Number(window.getComputedStyle(document.querySelector('address'), null)?.getPropertyValue('padding-bottom')?.replace(/\D\D+/, '')), 1); ``` You should give `address` a `padding-left` of at least `1px`. ```js -assert.isAtLeast(Number(new __helpers.CSSHelp(document).getStyle('address')?.paddingLeft?.replace(/\D+/, '')), 1); +assert.isAtLeast(Number(window.getComputedStyle(document.querySelector('address'), null)?.getPropertyValue('padding-left')?.replace(/\D\D+/, '')), 1); ``` # --seed-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/step-005.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/step-005.md index d706fde28c..af9bafa47f 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/step-005.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/step-005.md @@ -61,6 +61,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.wheel')?.maxWidth === '500px') border: 2px solid black; border-radius: 50%; margin-left: 50px; + position: absolute; height: 55vw; width: 55vw; } diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-016.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-016.md index 3127787491..da55d169e4 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-016.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-016.md @@ -14,7 +14,10 @@ Give your `#gallery` selector a `padding` property set to `0 4px`. Your `#gallery` selector should have a `padding` property set to `0 4px`. ```js -assert(new __helpers.CSSHelp(document).getStyle('#gallery')?.padding === '0px 4px'); +assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingTop, '0px'); +assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingBottom, '0px'); +assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingLeft, '4px'); +assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingRight, '4px'); ``` # --seed-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-017.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-017.md index 53550b8c88..b5f0019246 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-017.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-017.md @@ -75,6 +75,7 @@ body { flex-wrap: wrap; justify-content: center; align-items: center; + padding: 0 4px; } --fcc-editable-region-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-018.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-018.md index 5e493415d2..e1a63b0986 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-018.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-018.md @@ -81,6 +81,7 @@ body { flex-wrap: wrap; justify-content: center; align-items: center; + padding: 0 4px; } --fcc-editable-region-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-019.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-019.md index c199c0c76f..f4906c7bfc 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-019.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-019.md @@ -73,6 +73,7 @@ body { flex-wrap: wrap; justify-content: center; align-items: center; + padding: 0 4px; } --fcc-editable-region-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-020.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-020.md index b2e702e390..a4af251485 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-020.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-020.md @@ -94,6 +94,7 @@ body { flex-wrap: wrap; justify-content: center; align-items: center; + padding: 0 4px; } #gallery img { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-021.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-021.md index e65eafeb7c..1b9ff8b514 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-021.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/step-021.md @@ -104,6 +104,7 @@ body { flex-wrap: wrap; justify-content: center; align-items: center; + padding: 0 4px; } #gallery img { @@ -126,7 +127,7 @@ body { --fcc-editable-region-- ``` -## --solutions-- +# --solutions-- ```html @@ -180,6 +181,7 @@ body { flex-wrap: wrap; justify-content: center; align-items: center; + padding: 0; } #gallery img { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-005.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-005.md index 6aca34099c..133088ed61 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-005.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-005.md @@ -56,7 +56,7 @@ assert(document.querySelector('p')?.className === 'hero-subtitle'); Your `p` element should have the text set to `Our efforts to restructure our curriculum with a more project-based focus`. ```js -assert(document.querySelector('p')?.textContent === 'Our efforts to restructure our curriculum with a more project-based focus'); +assert.equal(document.querySelector('p')?.textContent?.trim()?.replace(/\s{2,}/, ' '), 'Our efforts to restructure our curriculum with a more project-based focus'); ``` # --seed-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-009.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-009.md index 680ba3102c..2605a53465 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-009.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-009.md @@ -52,25 +52,25 @@ assert(document.querySelector('.social-icons')?.querySelectorAll('a')?.[0]?.getA Your second `a` element should have an `href` set to `https://twitter.com/freecodecamp`. ```js -assert(document.querySelector('.social-icons')?.querySelectorAll('a')?.[1]?.getAttribute('href') === 'https://twitter.com/freecodecamp'); +assert.include(document.querySelector('.social-icons')?.querySelectorAll('a')?.[1]?.getAttribute('href'), 'https://twitter.com/freecodecamp'); ``` Your third `a` element should have an `href` set to `https://instagram.com/freecodecamp`. ```js -assert(document.querySelector('.social-icons')?.querySelectorAll('a')?.[2]?.getAttribute('href') === 'https://instagram.com/freecodecamp'); +assert.include(document.querySelector('.social-icons')?.querySelectorAll('a')?.[2]?.getAttribute('href'), 'https://instagram.com/freecodecamp'); ``` Your fourth `a` element should have an `href` set to `https://www.linkedin.com/school/free-code-camp`. ```js -assert(document.querySelector('.social-icons')?.querySelectorAll('a')?.[3]?.getAttribute('href') === 'https://www.linkedin.com/school/free-code-camp'); +assert.include(document.querySelector('.social-icons')?.querySelectorAll('a')?.[3]?.getAttribute('href'), 'https://www.linkedin.com/school/free-code-camp'); ``` Your fifth `a` element should have an `href` set to `https://www.youtube.com/freecodecamp`. ```js -assert(document.querySelector('.social-icons')?.querySelectorAll('a')?.[4]?.getAttribute('href') === 'https://www.youtube.com/freecodecamp'); +assert.include(document.querySelector('.social-icons')?.querySelectorAll('a')?.[4]?.getAttribute('href'), 'https://www.youtube.com/freecodecamp'); ``` # --seed-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-023.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-023.md index e2142638e8..1558be7e86 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-023.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-023.md @@ -7,7 +7,7 @@ dashedName: step-23 # --description-- -Within your `.image-wrapper` element, give the second `img` element a `src` of `https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png`, an `alt` of `image of the calculator project`, a `loading` attribute set to `lazy`, a `class` set to `image-2`, a `width` attribute set to `400`, and a `height` attribute set to `400`. +Within your `.image-wrapper` element, give the second `img` element a `src` of `https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png`, an `alt` of `image of a calculator project`, a `loading` attribute set to `lazy`, a `class` set to `image-2`, a `width` attribute set to `400`, and a `height` attribute set to `400`. # --hints-- @@ -17,10 +17,10 @@ Your second `img` element should have a `src` set to `https://cdn.freecodecamp.o assert(document.querySelectorAll('.image-wrapper img')?.[1]?.getAttribute('src') === 'https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png'); ``` -Your second `img` element should have an `alt` set to `image of the calculator project`. +Your second `img` element should have an `alt` set to `image of a calculator project`. ```js -assert(document.querySelectorAll('.image-wrapper img')?.[1]?.getAttribute('alt') === 'image of the calculator project'); +assert(document.querySelectorAll('.image-wrapper img')?.[1]?.getAttribute('alt') === 'image of a calculator project'); ``` Your second `img` element should have a `loading` attribute set to `lazy`. diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-043.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-043.md index a0e56ed8ed..3eae2067fe 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-043.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-043.md @@ -251,5 +251,6 @@ main { .hero { grid-column: 1 / -1; + position: relative; } ``` diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-061.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-061.md index e84939a67f..a7b4745b19 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-061.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-061.md @@ -14,7 +14,9 @@ To give the `hr` a color, you need to adjust the `border` property. Give the `hr Your `hr` should have a `border` property set to `1px solid rgba(120, 120, 120, 0.6)`. ```js -assert(new __helpers.CSSHelp(document).getStyle('hr')?.border === '1px solid rgba(120, 120, 120, 0.6)'); +assert.equal(new __helpers.CSSHelp(document).getStyle('hr')?.borderWidth, '1px'); +assert.equal(new __helpers.CSSHelp(document).getStyle('hr')?.borderStyle, 'solid'); +assert.equal(new __helpers.CSSHelp(document).getStyle('hr')?.borderColor, 'rgba(120, 120, 120, 0.6)'); ``` # --seed-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-062.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-062.md index 52a878042d..e9577dae96 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-062.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-062.md @@ -260,6 +260,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-063.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-063.md index 8b22fc1827..3dbb2b3c68 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-063.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-063.md @@ -243,6 +243,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-064.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-064.md index dc46d68f0f..22eaecf788 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-064.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-064.md @@ -264,6 +264,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-065.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-065.md index bd6570b4fe..b9342703d4 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-065.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-065.md @@ -250,6 +250,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-066.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-066.md index 79a52c79c3..d81dc65d87 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-066.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-066.md @@ -248,6 +248,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-067.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-067.md index 2412702bf5..0369818071 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-067.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-067.md @@ -242,6 +242,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-068.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-068.md index 3a8dbc6cf1..9c8c2d6e07 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-068.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-068.md @@ -248,6 +248,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-069.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-069.md index 5bdd3e7876..795089d2bd 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-069.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-069.md @@ -242,6 +242,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-070.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-070.md index b0631cc01a..35c0a7a5b7 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-070.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-070.md @@ -248,6 +248,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-071.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-071.md index a794e6ab52..89543e1a28 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-071.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-071.md @@ -248,6 +248,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-072.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-072.md index daa4c20e48..bd3f612479 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-072.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-072.md @@ -250,6 +250,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-073.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-073.md index 68e6082ece..b999963900 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-073.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-073.md @@ -250,6 +250,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-074.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-074.md index ea5ec6e7ca..e1f7194e93 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-074.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-074.md @@ -244,6 +244,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-075.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-075.md index 25416d0997..e46839ca75 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-075.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-075.md @@ -244,6 +244,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-076.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-076.md index 7484477d21..6e98845bb5 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-076.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-076.md @@ -248,6 +248,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-077.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-077.md index d9d23b5ec1..aecb367c02 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-077.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-077.md @@ -258,6 +258,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-078.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-078.md index d9508935bf..479339841d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-078.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-078.md @@ -256,6 +256,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-079.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-079.md index d0c25010aa..871573e205 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-079.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-079.md @@ -275,6 +275,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-080.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-080.md index bf5d72884e..0a175c70fd 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-080.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-080.md @@ -16,7 +16,7 @@ Congratulations! Your magazine is now complete. You should have a new `@media` query for `only screen and (max-width: 420px)`. This should be the last query in the `@media` query list. ```js -assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[3]?.media?.mediaText === 'only screen and (max-width: 420px)'); +assert.equal(new __helpers.CSSHelp(document).getCSSRules('media')?.[3]?.media?.mediaText, 'only screen and (max-width: 420px)'); ``` Your new `@media` query should have a `.hero-title` selector. @@ -256,6 +256,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { @@ -404,7 +405,7 @@ hr { --fcc-editable-region-- ``` -## --solutions-- +# --solutions-- ```html @@ -627,6 +628,7 @@ img { hr { margin: 1.5rem 0; + border: 1px solid rgba(120, 120, 120, 0.6); } .heading { @@ -770,9 +772,8 @@ hr { } } -@media only screen and (max-width: 420px) { +@media only screen (max-width: 420px) { .hero-title { - max-width: 420px; font-size: 4.5rem; } } diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-028.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-028.md index d874c530f7..426966289c 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-028.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-028.md @@ -24,7 +24,7 @@ assert.exists(document.querySelector('fieldset:nth-child(3) > label + label')); You should give the `label` the text `Input your age (years): `. ```js -assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)')?.textContent, 'Input your age (years): '); +assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)')?.textContent?.trim(), 'Input your age (years):'); ``` You should give the `label` an `input` with `type` of `number`. diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-031.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-031.md index a58e285f14..e7aabb92d4 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-031.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-031.md @@ -31,10 +31,10 @@ You should give the second `option` element the text `freeCodeCamp News`. assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(3) option')?.[1]?.textContent, 'freeCodeCamp News'); ``` -You should give the third `option` element the text `freeCodeCamp YouTube`. +You should give the third `option` element the text `freeCodeCamp YouTube Channel`. ```js -assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(3) option')?.[2]?.textContent, 'freeCodeCamp YouTube'); +assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(3) option')?.[2]?.textContent, 'freeCodeCamp YouTube Channel'); ``` You should give the fourth `option` element the text `freeCodeCamp Forum`. diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-050.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-050.md index b888e68877..d894d9a66c 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-050.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-050.md @@ -130,13 +130,13 @@ textarea, select { margin: 10px 0 0 0; width: 100%; + min-height: 2em; } input, textarea { background-color: #0a0a23; border: 1px solid #0a0a23; color: #ffffff; - min-height: 2em; } .inline { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-051.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-051.md index 35125e293f..7fc81039d2 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-051.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-051.md @@ -119,13 +119,13 @@ textarea, select { margin: 10px 0 0 0; width: 100%; + min-height: 2em; } input, textarea { background-color: #0a0a23; border: 1px solid #0a0a23; color: #ffffff; - min-height: 2em; } .inline { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-052.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-052.md index 1d0db5f3d4..5638236c1a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-052.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-052.md @@ -116,13 +116,13 @@ textarea, select { margin: 10px 0 0 0; width: 100%; + min-height: 2em; } input, textarea { background-color: #0a0a23; border: 1px solid #0a0a23; color: #ffffff; - min-height: 2em; } .inline { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-053.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-053.md index 2f9715f92c..dbc33628b4 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-053.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-053.md @@ -116,13 +116,13 @@ textarea, select { margin: 10px 0 0 0; width: 100%; + min-height: 2em; } input, textarea { background-color: #0a0a23; border: 1px solid #0a0a23; color: #ffffff; - min-height: 2em; } .inline { @@ -137,7 +137,7 @@ input[type="submit"] { width: 60%; margin: 0 auto; height: 2em; - font-size: 1.1em; + font-size: 1.1rem; } --fcc-editable-region-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-054.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-054.md index 9b2a40dabc..3fcb156ccb 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-054.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-054.md @@ -119,13 +119,13 @@ textarea, select { margin: 10px 0 0 0; width: 100%; + min-height: 2em; } input, textarea { background-color: #0a0a23; border: 1px solid #0a0a23; color: #ffffff; - min-height: 2em; } .inline { @@ -140,7 +140,7 @@ input[type="submit"] { width: 60%; margin: 0 auto; height: 2em; - font-size: 1.1em; + font-size: 1.1rem; background-color: #3b3b4f; border-color: white; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-055.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-055.md index 524992057c..e79bd5a317 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-055.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-055.md @@ -118,13 +118,13 @@ textarea, select { margin: 10px 0 0 0; width: 100%; + min-height: 2em; } input, textarea { background-color: #0a0a23; border: 1px solid #0a0a23; color: #ffffff; - min-height: 2em; } .inline { @@ -138,7 +138,7 @@ input[type="submit"] { width: 60%; margin: 1em auto; height: 2em; - font-size: 1.1em; + font-size: 1.1rem; background-color: #3b3b4f; border-color: white; min-width: 300px; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-056.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-056.md index 68830ca73d..7363f0692d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-056.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-056.md @@ -119,13 +119,13 @@ textarea, select { margin: 10px 0 0 0; width: 100%; + min-height: 2em; } input, textarea { background-color: #0a0a23; border: 1px solid #0a0a23; color: #ffffff; - min-height: 2em; } .inline { @@ -139,7 +139,7 @@ input[type="submit"] { width: 60%; margin: 1em auto; height: 2em; - font-size: 1.1em; + font-size: 1.1rem; background-color: #3b3b4f; border-color: white; min-width: 300px; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-057.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-057.md index 0f92aa59a4..46618f0e22 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-057.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/step-057.md @@ -119,13 +119,13 @@ textarea, select { margin: 10px 0 0 0; width: 100%; + min-height: 2em; } input, textarea { background-color: #0a0a23; border: 1px solid #0a0a23; color: #ffffff; - min-height: 2em; } .inline { @@ -139,7 +139,7 @@ input[type="submit"] { width: 60%; margin: 1em auto; height: 2em; - font-size: 1.1em; + font-size: 1.1rem; background-color: #3b3b4f; border-color: white; min-width: 300px; @@ -155,7 +155,7 @@ input[type="file"] { ``` -## --solutions-- +# --solutions-- ```html @@ -247,13 +247,13 @@ textarea, select { margin: 10px 0 0 0; width: 100%; + min-height: 2em; } input, textarea { background-color: #0a0a23; border: 1px solid #0a0a23; color: #ffffff; - min-height: 2em; } .inline { @@ -267,7 +267,7 @@ input[type="submit"] { width: 60%; margin: 1em auto; height: 2em; - font-size: 1.1em; + font-size: 1.1rem; background-color: #3b3b4f; border-color: white; min-width: 300px; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-029.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-029.md index 3dd04846f2..daf37e28f9 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-029.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-029.md @@ -14,7 +14,10 @@ These dots are just a little too square. Give the `black-dot` class a `border-ra Your `.black-dot` selector should have a `border-radius` property set to `50%`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.black-dot')?.borderRadius === '50%'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.black-dot')?.borderTopLeftRadius, '50%'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.black-dot')?.borderTopRightRadius, '50%'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.black-dot')?.borderBottomRightRadius, '50%'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.black-dot')?.borderBottomLeftRadius, '50%'); ``` # --seed-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-030.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-030.md index ccc2dc7ed8..dd95f42e7d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-030.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-030.md @@ -127,6 +127,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; --fcc-editable-region-- --fcc-editable-region-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-031.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-031.md index 995e5e15e3..6f0073b203 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-031.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-031.md @@ -133,6 +133,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-032.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-032.md index d58458074b..9b30159a81 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-032.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-032.md @@ -127,6 +127,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-033.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-033.md index d3c91aebe8..b1bc173fba 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-033.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-033.md @@ -115,6 +115,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-034.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-034.md index 3abda64b07..2d67e11d42 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-034.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-034.md @@ -124,6 +124,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-035.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-035.md index 61cf806cfa..cb860f2ae6 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-035.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-035.md @@ -138,6 +138,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-036.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-036.md index 5f1a79dc88..ef36ba500a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-036.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-036.md @@ -140,6 +140,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-037.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-037.md index 84199fdc63..3bb5d0c251 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-037.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-037.md @@ -143,6 +143,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-038.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-038.md index 41aa8ee517..dcb5a1f85f 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-038.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-038.md @@ -146,6 +146,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-039.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-039.md index 3d728dbc5f..17217c0c5e 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-039.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-039.md @@ -140,6 +140,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-040.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-040.md index 62d59eb7b2..72c48c3f95 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-040.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-040.md @@ -146,6 +146,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-041.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-041.md index a489f29792..c211dc7b9b 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-041.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-041.md @@ -128,6 +128,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-042.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-042.md index 02ed4acb72..e76ecc26bb 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-042.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-042.md @@ -146,6 +146,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-043.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-043.md index 306be4fed8..fa64c892d9 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-043.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-043.md @@ -140,6 +140,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-044.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-044.md index 28e210a534..e5d26983b6 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-044.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-044.md @@ -146,6 +146,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-045.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-045.md index 8f53442a5d..e481fdf2dd 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-045.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-045.md @@ -140,6 +140,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-046.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-046.md index 4b92821bcd..edca4a93c3 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-046.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-046.md @@ -146,6 +146,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-047.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-047.md index 44d48ed7ca..fe9d605edb 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-047.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-047.md @@ -140,6 +140,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-048.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-048.md index dca4b6055a..f6f734151d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-048.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-048.md @@ -128,6 +128,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-049.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-049.md index 80fea71377..e74ccc6055 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-049.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-049.md @@ -146,6 +146,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-050.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-050.md index 58ba4591e7..f46453cf1e 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-050.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-050.md @@ -151,6 +151,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-051.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-051.md index afe872fc57..87c9531de9 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-051.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-051.md @@ -136,6 +136,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-052.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-052.md index 612c6058c3..0bdbe45951 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-052.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-052.md @@ -142,6 +142,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-053.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-053.md index db244d2252..97ec4b65c8 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-053.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-053.md @@ -142,6 +142,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-054.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-054.md index 3fcef42c18..2d2e8290fa 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-054.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-054.md @@ -142,6 +142,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-055.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-055.md index 9cc21e84b1..6d4c19ad4e 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-055.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-055.md @@ -142,6 +142,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-056.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-056.md index 20ad0731bf..6a5a560c4d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-056.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-056.md @@ -139,6 +139,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-057.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-057.md index 9459e9f9ce..2793944a23 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-057.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-057.md @@ -159,6 +159,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-058.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-058.md index adddf9475d..2813b1532e 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-058.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-058.md @@ -154,6 +154,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-059.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-059.md index 74da2a1925..f2671cdb55 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-059.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-059.md @@ -152,6 +152,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-060.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-060.md index b21328e96e..23556d038a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-060.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-060.md @@ -212,6 +212,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-061.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-061.md index 53c49edb40..276ff15fd7 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-061.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-061.md @@ -195,6 +195,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-062.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-062.md index 30a96d26e0..632b4bd684 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-062.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-062.md @@ -196,6 +196,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-063.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-063.md index 0eb3fc3cd7..0e4fccafd7 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-063.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-063.md @@ -190,6 +190,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-064.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-064.md index eb398533bd..0733df52fd 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-064.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-064.md @@ -196,6 +196,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-065.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-065.md index 80057066de..197915d8db 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-065.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-065.md @@ -178,6 +178,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-066.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-066.md index 5deb4f7402..1421e9dfd3 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-066.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-066.md @@ -190,6 +190,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-067.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-067.md index 04afca7bdd..58157c0e5d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-067.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-067.md @@ -178,6 +178,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-068.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-068.md index a11243ce31..1ca3d8ed8d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-068.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-068.md @@ -190,6 +190,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-069.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-069.md index bd9701769b..3e10f5573a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-069.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-069.md @@ -190,6 +190,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-070.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-070.md index dc708c6feb..5f577727b3 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-070.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-070.md @@ -178,6 +178,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-071.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-071.md index bcffe7f2d6..39b7086c47 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-071.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-071.md @@ -190,6 +190,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; @@ -299,6 +300,7 @@ body { position: absolute; top: -40px; left: 20px; + z-index: 3; } --fcc-editable-region-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-072.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-072.md index eb90a031f3..93d70d4b00 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-072.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-072.md @@ -190,6 +190,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; @@ -299,6 +300,7 @@ body { position: absolute; top: -40px; left: 20px; + z-index: 3; } #triangles { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-073.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-073.md index 08facc9c1d..c6561e0214 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-073.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-073.md @@ -184,6 +184,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; @@ -293,6 +294,7 @@ body { position: absolute; top: -40px; left: 20px; + z-index: 3; } #triangles { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-074.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-074.md index 483ee68839..ce83240c0d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-074.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-074.md @@ -196,6 +196,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; @@ -305,6 +306,7 @@ body { position: absolute; top: -40px; left: 20px; + z-index: 3; } #triangles { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-075.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-075.md index a44f48be59..4075bb41c4 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-075.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-075.md @@ -178,6 +178,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; @@ -287,6 +288,7 @@ body { position: absolute; top: -40px; left: 20px; + z-index: 3; } #triangles { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-076.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-076.md index 0c8c213a90..ba866ff63d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-076.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-076.md @@ -190,6 +190,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; @@ -299,6 +300,7 @@ body { position: absolute; top: -40px; left: 20px; + z-index: 3; } #triangles { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-077.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-077.md index a1ab3d2d5d..2ca7917a26 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-077.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-077.md @@ -190,6 +190,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; @@ -299,6 +300,7 @@ body { position: absolute; top: -40px; left: 20px; + z-index: 3; } #triangles { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-078.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-078.md index 184233da45..0b8ead377c 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-078.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-078.md @@ -178,6 +178,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; @@ -287,6 +288,7 @@ body { position: absolute; top: -40px; left: 20px; + z-index: 3; } #triangles { diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-079.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-079.md index 24865ae91d..3fac12237b 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-079.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-079.md @@ -202,6 +202,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-080.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-080.md index f18d6f32e6..9ab016cdd9 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-080.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-080.md @@ -184,6 +184,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-081.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-081.md index 33d2ad0cd1..73949e30a8 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-081.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-081.md @@ -190,6 +190,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-082.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-082.md index b34b39be7a..26a460e704 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-082.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-082.md @@ -196,6 +196,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-083.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-083.md index 5cf9596566..6503444652 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-083.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-083.md @@ -196,6 +196,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-084.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-084.md index 322e1f2fbd..0dbf283f9e 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-084.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-084.md @@ -190,6 +190,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-085.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-085.md index bb2b1c4947..b63f1b61a1 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-085.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-085.md @@ -178,6 +178,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-086.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-086.md index cabdc58c65..3b775fd5b0 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-086.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-086.md @@ -202,6 +202,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-087.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-087.md index 99fd7492e4..fabee3d9c1 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-087.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-087.md @@ -196,6 +196,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-088.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-088.md index 7cc3b3d167..706de6ba9b 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-088.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-088.md @@ -196,6 +196,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-089.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-089.md index cad8db9882..8376874878 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-089.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/step-089.md @@ -186,6 +186,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; @@ -382,7 +383,7 @@ body { ``` -## --solutions-- +# --solutions-- ```html @@ -541,6 +542,7 @@ body { width: 10px; height: 10px; background-color: rgb(45, 31, 19); + border-radius: 50%; display: block; margin: auto; margin-top: 65%; diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/step-009.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/step-009.md index f18542f941..7fdff81806 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/step-009.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/step-009.md @@ -36,7 +36,7 @@ assert(new __helpers.CSSHelp(document).getStyle('html')?.boxSizing === 'border-b
8 servings per container
+Serving size 2/3 cup (55g)
--fcc-editable-region-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-033.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-033.md index b575dacf6d..d4458ee3f7 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-033.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-033.md @@ -7,7 +7,7 @@ dashedName: step-33 # --description-- -Create a new `.calories-info h1` selector setting the top and bottom margin to `-5px`, and removing the left and right margin. +Create a new `.calories-info h1` selector setting the top and bottom margin to `-5px`, and the left and right margin to `-2px`. # --hints-- @@ -17,10 +17,13 @@ You should have a new `.calories-info h1` selector. assert(new __helpers.CSSHelp(document).getStyle('.calories-info h1')); ``` -Your new `.calories-info h1` selector should have a `margin` property set to `-5px 0`. +Your new `.calories-info h1` selector should have a `margin` property set to `-5px -2px`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.calories-info h1')?.margin === '-5px 0px'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.calories-info h1')?.marginTop, '-5px'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.calories-info h1')?.marginBottom, '-5px'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.calories-info h1')?.marginLeft, '-2px'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.calories-info h1')?.marginRight, '-2px'); ``` # --seed-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-064.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-064.md index 00f0fe6f27..7b132f4d7a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-064.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-064.md @@ -12,7 +12,7 @@ Add a medium divider after your `.daily-value` element. Below that new divider, Give the `p` element the following text: ``` -The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice. +* The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice. ``` # --hints-- @@ -45,7 +45,7 @@ assert(document.querySelector('.label')?.lastElementChild?.classList?.contains(' Your new `p` element should have the provided text. ```js -assert(document.querySelector('.label')?.lastElementChild?.innerText === 'The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.'); +assert.equal(document.querySelector('.label')?.lastElementChild?.innerText, '* The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.'); ``` # --seed-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-065.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-065.md index 3b505ecc46..7f44865429 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-065.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/step-065.md @@ -50,38 +50,38 @@ assert(new __helpers.CSSHelp(document).getStyle('.note')?.margin === '5px 0px');8 servings per container
Serving size 2/3 cup (55g)
- -Amount per serving
-% Daily Value *
- -Total Fat 8g 10%
-Saturated Fat 1g 5%
- -Trans Fat 0g
- -Cholesterol 0mg 0%
-Sodium 160mg 7%
-Total Carbohydrate 37g 13%
-Dietary Fiber 4g
- -Total Sugars 12g
- -Includes 10g Added Sugars 20% -
-Protein 3g
-Vitamin D 2mcg 10%
-Calcium 260mg 20%
-Iron 8mg 45%
-Potassium 235mg 6%
-* The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.
+Amount per serving
+% Daily Value *
+ +Total Fat 8g 10%
+Saturated Fat 1g 5%
+ +Trans Fat 0g
+ +Cholesterol 0mg 0%
+Sodium 160mg 7%
+Total Carbohydrate 37g 13%
+Dietary Fiber 4g
+ +Total Sugars 12g
+ +Includes 10g Added Sugars 20% +
+Protein 3g
+ +Vitamin D 2mcg 10%
+Calcium 260mg 20%
+Iron 8mg 45%
+Potassium 235mg 6%
+* The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.