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

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

Browse Source
This commit is contained in:
Kristofer Koishigawa
2019-12-09 19:37:02 +09:00
committed by Mrugesh Mohapatra
parent 869b4f479e
commit d3d5147c1f
419 changed files with 755 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
curriculum/challenges/english/01-responsive-web-design/css-variables-skyline/part-5.md Normal file
View File

@ -0,0 +1,71 @@
---
id: 5d822fd413a79914d39e98cd
title: Part 5
challengeType: 0
isBeta: true
---
## Description
<section id='description'>
In CSS, you can target everything with an asterisk. Add a border to everything by using the `*` selector in your style area and giving it a `border` of `1px solid black`. This is a trick I like to use to help visualize where elements are and their size. You will remove this later.
</section>
## Instructions
<section id='instructions'>
</section>
## Tests
<section id='tests'>
```yml
tests:
- text: test-text
testString: assert(code.match(/<style\s*>\s*\*\s*{\s*border\s*:\s*1px\s+solid\s+black\s*;?\s*}\s*<\/style\s*>/g));
```
</section>
## Challenge Seed
<section id='challengeSeed'>
<div id='html-seed'>
```html
<!DOCTYPE html>
<html>
<head>
<title>freeCodeCamp Skyline Project</title>
<style></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;
}
</style>
</head>
<body>
</body>
</html>
```
</section>