greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: clarify instructions for catphotoapp step 6 (#46985) 

* fix:clarify instructions for catphotoapp step 6

* Update curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md

I originally had this as two sentences any way.

Co-authored-by: Jeremy L Thompson <jeremy@jeremylt.org>

Co-authored-by: Jeremy L Thompson <jeremy@jeremylt.org>
pull/47025/head
Bruce Blaser 2022-07-24 10:30:43 -07:00 committed by GitHub
parent 530737f9cc
commit 85a110e264
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md
View File

@ -7,16 +7,9 @@ dashedName: step-6
# --description--
In the previous step, you nested the `h2` element, comment, and `p` element within the `main` element. Indenting nested elements two more spaces than their parent element improves readability:
In the previous step, you put the `h2`, comment, and `p` elements inside the `main` element. This is called *nesting*. Nested elements should be placed two spaces further to the right of the element they are nested in. This spacing is called indentation and it is used to make HTML easier to read.
```html
<ul>
<li> This `li` element indented </li>
<li> This `li` element is also indented </li>
</ul>
```
Add two more spaces in front of the `h2`, comment, and `p` elements so your HTML is more readable.
The `h2` element and the comment are indented two spaces more than the `main` element in the code below. Use the space bar on your keyboard to add two more spaces in front of the `p` element so that it is indented properly as well.
# --hints--
@ -99,8 +92,8 @@ assert(code.toLowerCase().match(/-->\n\s{6}<p>/));
<h1>CatPhotoApp</h1>
--fcc-editable-region--
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
</main>
--fcc-editable-region--