Files
freeCodeCamp/curriculum/challenges/english/01-responsive-web-design/css-variables-skyline/step-009.md
Nicholas Carrigan (he/him) b36cdbafd1 chore: rename "part" to "step" (#43934)
* chore: rename part to step

* chore: update metas

* chore: more renaming

* chore: update tooling

* chore: update frontmatter

* chore(tools): title testing
2021-10-21 18:07:52 +01:00

1.2 KiB

id, title, challengeType, dashedName
id title challengeType dashedName
5d822fd413a79914d39e98d1 Step 9 0 step-9

--description--

Give your background buildings element a width and height of 100% to make it the full width and height of its parent, the body.

--hints--

You should use the background-buildings class to select the correct element.

assert.exists(new __helpers.CSSHelp(document).getStyle('.background-buildings'));

Your .background-buildings element should have a width of 100%.

assert.equal(new __helpers.CSSHelp(document).getStyle('.background-buildings')?.width, '100%');

Your .background-buildings element should have a height of 100%.

assert.equal(new __helpers.CSSHelp(document).getStyle('.background-buildings')?.height, '100%');

--seed--

--seed-contents--

<!DOCTYPE html>
<html>    
  <head>
    <title>freeCodeCamp Skyline Project</title>
    <link href="styles.css" rel="stylesheet" type="text/css" />
  </head>

  <body>
    <div class="background-buildings"></div>
  </body>
</html>
* {
  border: 1px solid black;
  box-sizing: border-box;
}

body {
  height: 100vh;
  margin: 0;
  overflow: hidden;
}
--fcc-editable-region--


--fcc-editable-region--