From 85a110e2642eee73f94b450ddf5ddff9c13854db Mon Sep 17 00:00:00 2001
From: Bruce Blaser <bbsmooth@gmail.com>
Date: Sun, 24 Jul 2022 10:30:43 -0700
Subject: [PATCH] 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>
---
 .../5dc23991f86c76b9248c6eb8.md                   | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

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 9b4355fc855..1332df5055b 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,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--