fix: renamed files and titles in the frontmatter for consitency (#37792)

2019-12-09 19:37:02 +09:00
parent 869b4f479e
commit d3d5147c1f
419 changed files with 755 additions and 406 deletions
--- a/curriculum/challenges/english/01-responsive-web-design/css-variables-skyline/part-8.md
+++ b/curriculum/challenges/english/01-responsive-web-design/css-variables-skyline/part-8.md
@ -0,0 +1,90 @@
+---
+id: 5d822fd413a79914d39e98d0
+title: Part 8
+challengeType: 0
+isBeta: true
+---
+
+## Description
+<section id='description'>
+
+It's tough to see now, but there's a border at the edge of your preview, that's the body. Create a `div` element in the body with a class of `background-buildings`. This will be a container for a group of buildings.
+</section>
+
+## Instructions
+<section id='instructions'>
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: test-text
+    testString: assert($("#display-body")[0].contains($("div.background-buildings")[0]));
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+<div id='html-seed'>
+
+```html
+<!DOCTYPE html>
+<html>    
+  <head>
+    <title>freeCodeCamp Skyline Project</title>
+    <style>
+      * {
+        border: 1px solid black;
+        box-sizing: border-box;
+      }
+
+      body {
+        height: 100vh;
+        margin: 0;
+        overflow: hidden;
+      }
+    </style>
+  </head>
+
+  <body>
+  </body>
+</html>
+```
+
+</div>
+</section>
+
+
+## Solution
+<section id='solution'>
+
+```html
+<!DOCTYPE html>
+<html>    
+  <head>
+    <title>freeCodeCamp Skyline Project</title>
+    <style>
+      * {
+        border: 1px solid black;
+        box-sizing: border-box;
+      }
+
+      body {
+        height: 100vh;
+        margin: 0;
+        overflow: hidden;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div class="background-buildings"></div>
+  </body>
+</html>
+```
+
+</section>