jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-03 05:02:01 -05:00
Code Issues Projects Releases Wiki Activity

fix: improved the instructions for RWD challenges (#46112)

Browse Source 
Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
This commit is contained in:
Abhinav Srinivas
2022-06-07 22:14:59 +05:30
committed by GitHub
parent f0f44ca315
commit 87b092de61
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,9 +7,9 @@ dashedName: step-3
# --description--
Paragraph (`p`) elements are used to create paragraph text on websites.
The `p` element is used to create a paragraph of text on websites. Create a `p` element below your `h2` element and give it the following text:
Create a paragraph (`p`) element below your `h2` element, and give it the text `Click here to view more cat photos.`
`Click here to view more cat photos`
# --hints--

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

@@ -7,9 +7,16 @@ dashedName: step-6
# --description--
HTML elements are often nested within other HTML elements. In the previous step you nested the `h2` element, comment and `p` element within the `main` element. A nested element is a child of its parent element.
In the previous step, you nested the `h2` element, comment, and `p` element within the `main` element. A nested element is a child of its parent element. It should be indented two more spaces than its parent element to improve readability, like this:
To make HTML easier to read, indent the `h2` element, the comment, and `p` element exactly two spaces to indicate they are children of the `main` element.
```html
<ul>
<li> Child Element 1 </li>
<li> Child Element 2 </li>
</ul>
```
Add two spaces in front of the three child elements of `main` so your HTML is more readable.
# --hints--
@@ -82,13 +89,13 @@ assert(code.toLowerCase().match(/-->\n\s{6}<p>/));
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
--fcc-editable-region--
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
--fcc-editable-region--
</main>
--fcc-editable-region--
</body>
</html>
```