gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

test: enable tests for steps (#44550)

Browse Source 
* fix: handle missing solutions correctly

Rather than creating an [[]] the parser now creates [] which isEmpty().
This makes the test suite check the next challenge for a solution.

In addition, the logic for testing solutions was fixed.

* chore: update snapshots

* test: build new superblock in node.js-tests CI

* test: allow forward slash in superblock slug

* fix: borked tests oops

* test: ignore duplicated projects

* fix: i did not break these shaun did :)

* fix: idIndex is index of id not id

Co-authored-by: Nicholas Carrigan <nhcarrigan@gmail.com>
This commit is contained in:
Oliver Eyton-Williams
2021-12-22 20:18:06 +00:00
committed by GitHub
parent 4be4bf3624
commit 36363f277d
141 changed files with 267 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.github/workflows/node.js-tests-upcoming.yml vendored
View File

@ -33,6 +33,7 @@ jobs:
run: | run: |
cp sample.env .env cp sample.env .env
echo 'SHOW_UPCOMING_CHANGES=true' >> .env echo 'SHOW_UPCOMING_CHANGES=true' >> .env
echo 'SHOW_NEW_CURRICULUM=true' >> .env
cat .env cat .env
- name: Lint Source Files - name: Lint Source Files
@ -66,6 +67,7 @@ jobs:
run: | run: |
cp sample.env .env cp sample.env .env
echo 'SHOW_UPCOMING_CHANGES=true' >> .env echo 'SHOW_UPCOMING_CHANGES=true' >> .env
echo 'SHOW_NEW_CURRICULUM=true' >> .env
cat .env cat .env
- name: Install Dependencies - name: Install Dependencies

18
.github/workflows/node.js-tests.yml vendored
View File

@ -25,7 +25,10 @@ jobs:
cache: 'npm' cache: 'npm'
- name: Set Environment variables - name: Set Environment variables
run: cp sample.env .env run: |
cp sample.env .env
echo 'SHOW_NEW_CURRICULUM=true' >> .env
cat .env
- name: Lint Source Files - name: Lint Source Files
run: | run: |
@ -55,7 +58,10 @@ jobs:
cache: npm cache: npm
- name: Set Environment variables - name: Set Environment variables
run: cp sample.env .env run: |
cp sample.env .env
echo 'SHOW_NEW_CURRICULUM=true' >> .env
cat .env
- name: Install Dependencies - name: Install Dependencies
run: | run: |
@ -90,6 +96,8 @@ jobs:
run: | run: |
cp sample.env .env cp sample.env .env
echo 'SHOW_UPCOMING_CHANGES=true' >> .env echo 'SHOW_UPCOMING_CHANGES=true' >> .env
echo 'SHOW_NEW_CURRICULUM=true' >> .env
cat .env
- name: Install Dependencies - name: Install Dependencies
run: | run: |
@ -122,7 +130,11 @@ jobs:
cache: npm cache: npm
- name: Set Environment variables - name: Set Environment variables
run: cp sample.env .env run: |
cp sample.env .env
echo 'SHOW_UPCOMING_CHANGES=true' >> .env
echo 'SHOW_NEW_CURRICULUM=true' >> .env
cat .env
- name: Install Dependencies - name: Install Dependencies
env: env:

17
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/step-015.md
View File

@ -18,22 +18,25 @@ Start by rewriting the styles you have created into the `styles.css` file. Make
Your `styles.css` file should have the `h1, h2, p` type selector. Your `styles.css` file should have the `h1, h2, p` type selector.
```js ```js
const css = code.split('<!DOCTYPE html>')[0]; (getUserInput) => {
assert(__helpers.removeWhiteSpace(css).match(/(h1|h2|p),(h1|h2|p),(h1|h2|p){/)) assert(getUserInput('editableContents').replace(/[\s\n]*/g, "").match(/(h1|h2|p),(h1|h2|p),(h1|h2|p){/));
}
``` ```
Your selector should set the `text-align` property to `center`. Your selector should set the `text-align` property to `center`.
```js ```js
const css = code.split('<!DOCTYPE html>')[0]; (getUserInput) => {
assert(css.match(/text-align:\s*center;?/)); assert(getUserInput('editableContents').match(/text-align:\s*center;?/));
}
``` ```
You should only have one selector. You should only have one selector.
```js ```js
const css = code.split('<!DOCTYPE html>')[0]; (getUserInput) => {
assert(css.match(/text-align:\s*center;?/).length === 1); assert(getUserInput('editableContents').match(/text-align:\s*center;?/)?.length === 1);
}
``` ```
# --seed-- # --seed--

8
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/step-016.md
View File

@ -20,9 +20,11 @@ assert(!code.match(/style/i));
You should not have any CSS selectors in your HTML file. You should not have any CSS selectors in your HTML file.
```js ```js
const html = code.split('<!DOCTYPE html>')[1]; (getUserInput) => {
assert(!html.includes('style')); const html = getUserInput('editableContents');
assert(!html.includes('text-align')); assert(!html.includes('style'));
assert(!html.includes('text-align'));
}
``` ```
# --seed-- # --seed--

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/step-080.md
View File

@ -772,7 +772,7 @@ hr {
} }
} }
@media only screen (max-width: 420px) { @media only screen and (max-width: 420px) {
.hero-title { .hero-title {
font-size: 4.5rem; font-size: 4.5rem;
} }

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-002.md
View File

@ -39,7 +39,7 @@ assert.include(['linear-gradient(45deg,rgb(118,201,255),rgb(247,255,222))', 'rgb
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-003.md
View File

@ -33,7 +33,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.padding, '0px');
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-004.md
View File

@ -33,7 +33,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.height, '100vh');
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-005.md
View File

@ -27,7 +27,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.overflow, 'clip')
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-006.md
View File

@ -39,7 +39,7 @@ assert.exists(document.querySelector('body > div.ground'));
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-007.md
View File

@ -39,7 +39,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.ground')?.height, '400px
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-008.md
View File

@ -27,7 +27,7 @@ assert.include(['linear-gradient(90deg,rgb(88,175,236),rgb(182,255,255))', 'rgba
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-009.md
View File

@ -33,7 +33,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.ground')?.position, 'abs
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-010.md
View File

@ -39,7 +39,7 @@ assert.strictEqual(document.querySelector('.ground')?.previousElementSibling, do
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-011.md
View File

@ -39,7 +39,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin')?.height, '300p
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-012.md
View File

@ -35,7 +35,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin')?.marginTop, '7
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-013.md
View File

@ -41,7 +41,7 @@ assert.strictEqual(document.querySelector('.penguin')?.previousElementSibling, d
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-014.md
View File

@ -45,7 +45,7 @@ assert.include(['linear-gradient(rgb(203,241,228),rgb(80,183,255))', 'rgba(0,0,0
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-015.md
View File

@ -27,7 +27,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.left-mountain')?.positio
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-016.md
View File

@ -41,7 +41,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.left-mountain')?.getProp
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-017.md
View File

@ -39,7 +39,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.ground')?.zIndex, '3');
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-018.md
View File

@ -33,7 +33,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.ground')?.marginTop, '-5
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-019.md
View File

@ -38,7 +38,7 @@ assert.strictEqual(document.querySelector('.left-mountain')?.nextElementSibling,
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-020.md
View File

@ -44,7 +44,7 @@ assert.include(['linear-gradient(rgb(203,241,228),rgb(47,170,255))', 'rgba(0,0,0
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-021.md
View File

@ -26,7 +26,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.back-mountain')?.positio
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-022.md
View File

@ -38,7 +38,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.left-mountain')?.zIndex,
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-023.md
View File

@ -56,7 +56,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.back-mountain')?.top, '2
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-024.md
View File

@ -38,7 +38,7 @@ assert.strictEqual(document.querySelector('div.back-mountain')?.nextElementSibli
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-025.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.sun')?.backgroundColor,
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-026.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.sun')?.borderRadius, '50
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-027.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.sun')?.right, '-75px');
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-028.md
View File

@ -40,7 +40,7 @@ assert.include(document.querySelector('.penguin > div:nth-of-type(2)')?.classNam
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-029.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin')?.position, 're
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-030.md
View File

@ -44,7 +44,7 @@ assert.include(['linear-gradient(45deg,gray,rgb(239,240,228))', 'rgba(0,0,0,0)li
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-031.md
View File

@ -29,7 +29,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-head')?.borderRa
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-032.md
View File

@ -44,7 +44,7 @@ assert.include(['linear-gradient(45deg,rgb(134,133,133)0%,rgb(234,231,231)25%,wh
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-033.md
View File

@ -28,7 +28,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body')?.borderRa
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-034.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin *')?.position, '
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-035.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-head')?.left, '2
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-036.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body')?.left, '2
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-037.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-head')?.zIndex,
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-038.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body::before')?.
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-039.md
View File

@ -26,7 +26,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body::before')?.
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

8
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-040.md
View File

@ -7,7 +7,7 @@ dashedName: step-40
# --description-- # --description--
Give the pseudo-element a `width` half that of its parent, a `height` of `40%`, and a `background-color` of `gray`. Give the pseudo-element a `width` half that of its parent, a `height` of `45%`, and a `background-color` of `gray`.
# --hints-- # --hints--
@ -17,10 +17,10 @@ You should give `.penguin-body::before` a `width` of `50%`.
assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body::before')?.width, '50%'); assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body::before')?.width, '50%');
``` ```
You should give `.penguin-body::before` a `height` of `40%`. You should give `.penguin-body::before` a `height` of `45%`.
```js ```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body::before')?.height, '40%'); assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body::before')?.height, '45%');
``` ```
You should give `.penguin-body::before` a `background-color` of `--fcc-expected--`, but found `--fcc-actual--`. You should give `.penguin-body::before` a `background-color` of `--fcc-expected--`, but found `--fcc-actual--`.
@ -38,7 +38,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body::before')?.
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-041.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body::before')?.
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-042.md
View File

@ -35,7 +35,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body::before')?.
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-043.md
View File

@ -26,7 +26,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-body::before')?.
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-044.md
View File

@ -38,7 +38,7 @@ assert.include(document.querySelector('.penguin-head > div:nth-of-type(2)')?.cla
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-045.md
View File

@ -62,7 +62,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.face')?.backgroundColor,
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-046.md
View File

@ -29,7 +29,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.face')?.borderBottomRigh
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-047.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.face')?.top, '15%');
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-048.md
View File

@ -34,7 +34,7 @@ assert.include(document.querySelector('.face:nth-of-type(2)').className, 'right'
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-049.md
View File

@ -38,7 +38,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.face.left')?.left, '5%')
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-050.md
View File

@ -38,7 +38,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.face.right')?.right, '5%
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-051.md
View File

@ -38,7 +38,7 @@ assert.exists(document.querySelector('.face.right + .chin'));
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-052.md
View File

@ -62,7 +62,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.chin')?.backgroundColor,
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-053.md
View File

@ -53,7 +53,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.chin')?.borderBottomLeft
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-054.md
View File

@ -40,7 +40,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(':root')?.getPropVal('--pe
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-055.md
View File

@ -38,7 +38,7 @@ assert.notInclude(new __helpers.CSSHelp(document).getStyle('.penguin-body')?.get
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-056.md
View File

@ -62,7 +62,7 @@ assert.exists(document.querySelector('.eye.left + .eye.right'));
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-057.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.eye')?.backgroundColor,
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-058.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.eye')?.borderRadius, '50
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-059.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.eye.right')?.right, '25%
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-060.md
View File

@ -44,7 +44,7 @@ assert.exists(document.querySelector('.eye.right > div.eye-lid'));
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-061.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.eye-lid')?.getPropVal('b
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-062.md
View File

@ -38,7 +38,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.eye-lid')?.borderRadius,
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-063.md
View File

@ -56,7 +56,7 @@ assert.exists(document.querySelector('.blush.left + .blush.right'));
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-064.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.blush')?.backgroundColor
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-065.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.blush')?.borderRadius, '
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-066.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.blush.right')?.right, '1
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-067.md
View File

@ -62,7 +62,7 @@ assert.exists(document.querySelector('.beak.top + .beak.bottom'));
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-068.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.beak')?.borderRadius, '5
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-069.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.beak.top')?.left, '40%')
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-070.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.beak.bottom')?.left, '42
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-071.md
View File

@ -38,7 +38,7 @@ assert.exists(document.querySelector('.shirt + .penguin-body'));
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-072.md
View File

@ -32,7 +32,7 @@ assert.equal(document.querySelector('.shirt > div')?.textContent, '💜');
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-073.md
View File

@ -32,7 +32,7 @@ assert.equal(document.querySelector('.shirt > p')?.textContent, 'I CSS');
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-074.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.shirt')?.fontWeight, 'bo
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-075.md
View File

@ -34,7 +34,7 @@ assert.include(['normal', 'initial'], new __helpers.CSSHelp(document).getStyle('
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

6
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-076.md
View File

@ -7,14 +7,14 @@ dashedName: step-76
# --description-- # --description--
Position the `div` with the heart emoji `11.5px` from the top, and `12px` from the left of its parent. Position the `div` with the heart emoji `22.5px` from the top, and `12px` from the left of its parent.
# --hints-- # --hints--
You should give `.shirt div` a `top` of `--fcc-expected--`, but found `--fcc-actual--`. You should give `.shirt div` a `top` of `--fcc-expected--`, but found `--fcc-actual--`.
```js ```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.shirt div')?.top, '11.5px'); assert.equal(new __helpers.CSSHelp(document).getStyle('.shirt div')?.top, '22.5px');
``` ```
You should give `.shirt div` a `left` of `--fcc-expected--`, but found `--fcc-actual--`. You should give `.shirt div` a `left` of `--fcc-expected--`, but found `--fcc-actual--`.
@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.shirt div')?.left, '12px
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-077.md
View File

@ -38,7 +38,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.shirt')?.zIndex, '1');
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-078.md
View File

@ -26,7 +26,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.shirt')?.color, 'rgb(106
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-079.md
View File

@ -58,7 +58,7 @@ assert.exists(document.querySelector('.foot.left + .foot.right'));
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-080.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.foot')?.backgroundColor,
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-081.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.foot')?.borderRadius, '5
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-082.md
View File

@ -46,7 +46,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.foot')?.getPropVal('back
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-083.md
View File

@ -44,7 +44,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.foot.right')?.right, '25
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-084.md
View File

@ -32,7 +32,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.foot.right').getPropVal(
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-085.md
View File

@ -26,7 +26,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.foot')?.zIndex, '-1');
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-086.md
View File

@ -58,7 +58,7 @@ assert.exists(document.querySelector('.arm.left + .arm.right'));
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-087.md
View File

@ -44,7 +44,7 @@ assert.include(['linear-gradient(90deg,gray,rgb(209,210,199))', 'rgba(0,0,0,0)li
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-088.md
View File

@ -50,7 +50,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.arm')?.getPropVal('backg
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-089.md
View File

@ -56,7 +56,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.arm.right')?.right, '-5%
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-090.md
View File

@ -32,7 +32,7 @@ assert.include(['0% 0%', 'left top', '0% 0% 0px', 'left top 0px'], new __helpers
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-091.md
View File

@ -26,7 +26,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.arm.left').getPropVal('t
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-092.md
View File

@ -26,7 +26,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.arm.right')?.getPropVal(
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-093.md
View File

@ -31,7 +31,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.arm')?.borderBottomLeftR
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-094.md
View File

@ -26,7 +26,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.arm')?.zIndex, '-1');
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-095.md
View File

@ -34,7 +34,7 @@ assert.equal(new __helpers.CSSHelp(document).getCSSRules('keyframes')?.[0]?.name
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/step-096.md
View File

@ -44,7 +44,7 @@ assert([...[...new __helpers.CSSHelp(document).getCSSRules('keyframes')].find(ru
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" /> <link rel="stylesheet" type="text/css" href="./styles.css" />
<title>CSS Penguin</title> <title>CSS Penguin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>

Some files were not shown because too many files have changed in this diff Show More