From 87b092de61bed2bf40a23f69c8d986e50641c863 Mon Sep 17 00:00:00 2001 From: Abhinav Srinivas Date: Tue, 7 Jun 2022 22:14:59 +0530 Subject: [PATCH] fix: improved the instructions for RWD challenges (#46112) Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> --- .../5dc17d3bf86c76b9248c6eb4.md | 4 ++-- .../5dc23991f86c76b9248c6eb8.md | 15 +++++++++++---- 2 files changed, 13 insertions(+), 6 deletions(-) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md index 647df97ff4d..fc5e82c3397 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md @@ -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-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md index 89ea069bbbf..874c45a0115 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md @@ -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 + +``` + +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}

/));

CatPhotoApp

-
--fcc-editable-region-- +

Cat Photos

Click here to view more cat photos.

---fcc-editable-region--
+--fcc-editable-region-- ```