mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-26 04:01:17 -04:00
chore(curriculum): validate building picasso painting project (#46670)
* added lang attribute and hint * seed code accounts for lang attribute * consistent grammar * Added body and head back whoops Co-authored-by: Ilenia <nethleen@gmail.com> * allow space between lang and its value Co-authored-by: Ilenia <nethleen@gmail.com>
This commit is contained in:
@@ -7,7 +7,7 @@ dashedName: step-1
|
||||
|
||||
# --description--
|
||||
|
||||
Start by setting up your HTML structure. Add a `<!DOCTYPE>` declaration and an `html` element. Within the `html` element, add a `head` element and a `body` element.
|
||||
Start by setting up your HTML structure. Add a `<!DOCTYPE>` declaration and an `html` element with a `lang` attribute set to `en`. Within the `html` element, add a `head` element and a `body` element.
|
||||
|
||||
# --hints--
|
||||
|
||||
@@ -41,10 +41,10 @@ Your `DOCTYPE` declaration should be at the beginning of your HTML.
|
||||
assert(__helpers.removeHtmlComments(code).match(/^\s*<!DOCTYPE\s+html\s*>/i));
|
||||
```
|
||||
|
||||
Your `html` element should have an opening tag.
|
||||
Your `html` element should have an opening tag with a `lang` attribute of `en`
|
||||
|
||||
```js
|
||||
assert(code.match(/<html\s*>/gi));
|
||||
assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
|
||||
```
|
||||
|
||||
Your `html` element should have a closing tag.
|
||||
|
||||
@@ -47,7 +47,7 @@ assert(document.querySelector('title')?.innerText === 'Picasso Painting');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
@@ -38,7 +38,7 @@ assert(document.querySelectorAll('link')?.[1]?.getAttribute('href') === 'https:/
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(new __helpers.CSSHelp(document).getStyle('body')?.backgroundColor === 'rg
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(document.querySelector('div')?.getAttribute('id') === 'back-wall');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#back-wall')?.backgroundColor =
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#back-wall')?.height === '60%')
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -40,7 +40,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#back-wall')?.left === '0px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -27,7 +27,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#back-wall')?.zIndex === '-1');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(document.querySelectorAll('div')?.[1]?.classList?.contains('characters'))
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(document.querySelector('.characters div')?.getAttribute('id') === 'offwhi
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -47,7 +47,7 @@ assert(document.querySelectorAll('#offwhite-character div')[3]?.getAttribute('id
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -37,7 +37,7 @@ assert(document.querySelectorAll('#black-mask div')[1]?.classList.contains('righ
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(document.querySelectorAll('#gray-instrument .black-dot').length === 5);
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#offwhite-character')?.backgrou
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#offwhite-character')?.left ===
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderStyle === '
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderWidth === '
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderBottomColor
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.left === '0px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-mask')?.backgroundColor
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-mask')?.left === '0px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-mask')?.zIndex === '1');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#gray-instrument')?.backgroundC
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#gray-instrument')?.left === '1
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#gray-instrument')?.zIndex ===
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.black-dot')?.backgroundColor =
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -26,7 +26,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.black-dot')?.borderBotto
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.black-dot')?.marginTop === '65
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert (new __helpers.CSSHelp(document).getStyle('#tan-table')?.backgroundColor
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#tan-table')?.left === '15px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#tan-table')?.zIndex === '1');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(document.querySelectorAll('.characters > div')?.[1]?.getAttribute('id') =
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(document.querySelectorAll('#black-character > div')?.[2]?.getAttribute('i
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -39,7 +39,7 @@ assert(second?.classList?.contains('right'));
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -39,7 +39,7 @@ for (const icon of icons) {
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-character')?.backgroundC
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-character')?.left === '5
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-hat')?.borderStyle === '
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-hat')?.borderLeftColor =
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-hat')?.left === '0px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#gray-mask')?.backgroundColor =
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#gray-mask')?.left === '70px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#white-paper')?.backgroundColor
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#white-paper')?.left === '-150p
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#white-paper')?.zIndex === '1')
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.fa-music')?.marginLeft === '13
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -43,7 +43,7 @@ assert(document.querySelectorAll('.characters > div')?.[3]?.getAttribute('id') =
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.blue')?.backgroundColor === 'r
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#blue-left')?.height === '300px
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#blue-left')?.left === '20%');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#blue-right')?.height === '300p
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#blue-right')?.left === '40%');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(document.querySelectorAll('.characters > div')?.[4]?.getAttribute('id') =
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -47,7 +47,7 @@ assert(document.querySelectorAll('#orange-character > div')?.[3]?.getAttribute('
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -37,7 +37,7 @@ assert(document.querySelectorAll('#eyes-div > div')?.[1]?.classList?.contains('r
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -32,7 +32,7 @@ for (const div of divDivDiv) {
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -61,7 +61,7 @@ assert.notExists(document.querySelector('#guitar > #guitar-neck.guitar'));
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -38,7 +38,7 @@ assert(document.querySelector('#guitar-right > i')?.classList?.contains('fa-bars
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#orange-character')?.background
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#orange-character')?.left === '
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-round-hat')?.backgroundC
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-round-hat')?.borderRadiu
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-round-hat')?.left === '5
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-round-hat')?.zIndex ===
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#eyes-div')?.height === '50px')
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#eyes-div')?.left === '20px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#eyes-div')?.zIndex === '3');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -47,7 +47,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.guitar')?.borderRadius === '50
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#guitar-left')?.position === 'a
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#guitar-right')?.left === '100p
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.fa-bars')?.marginLeft === '40%
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#guitar-neck')?.backgroundColor
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#guitar-neck')?.left === '200px
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#guitar-neck')?.zIndex === '3')
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -47,7 +47,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.eyes')?.borderRadius === '20px
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.right')?.right === '30px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.left')?.left === '30px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -31,7 +31,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.fas')?.fontSize === '30px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
@@ -387,7 +387,7 @@ body {
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -50,7 +50,7 @@ assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/)
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.triangle')?.display === 'inlin
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -41,7 +41,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.triangle')?.borderRightColor =
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.triangle')?.borderWidth === '4
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.triangle')?.height === '0px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#triangles')?.height === '550px
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#guitar')?.height === '100px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -35,7 +35,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#guitar')?.left === '0px');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#guitar')?.zIndex === '3');
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
@@ -23,7 +23,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#black-hat')?.borderWidth === '
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Picasso Painting</title>
|
||||
|
||||
Reference in New Issue
Block a user