Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --><p>Click here to view more cat photos.</p>
</main>
</body>
</html>
**Your browser information:**
User Agent is: Mozilla/5.0 (Linux; Android 11; TECNO KF6i) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.101 Mobile Safari/537.36
Challenge: Step 6
Link to the challenge:
Hello there.
Do you have a question?
If so, please edit your post to include it in the Tell us what’s happening section.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more information you give us, the more likely we are to be able to help.
What have you tried so far? I can walk you step by step through this so you don’t have to think about the process, but that isn’t very helpful for you. It helps you have something started or a description of where you got stuck trying to start the problem.
THE TUTORIAL ASK US 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.
All they are asking you to do, is move each line of text two spaces. Like, Clicking twice with the space bar.
Like:
THIS LINE OF CODE..
THAT WE HAVE WRITTEN..
becomes:
THIS LINE OF CODE..
THAT WE HAVE WRITTEN..
If you have moved the lines of code two spaces to the right, and it is not working, there may be some other Issue. Let me know if it doesn’t seem to work.
Yes, this is often the Most appropriate method, for very new beginners. We teach people to read with ABC’s, not Tolsoy and Vague allusion to their Mistakes…
If the world worked that way, Only the geniuses would be literate.
I agree with this, Wholeheartedly, J.
You could walk them through, step by step…
A brilliant Observation.
You just said the opposite of what I said, so I don’t think you agree at all.
Me providing a detailed, step-by-step walkthrough shows off how terribly clever I am. But it leaves less opportunity for the learner to participate in the process.
I try to let the learner do as much as possible. If I provide a small hint and its not enough, they can always ask for more. This is all about their learning. I’m just a support character here; they are the hero and they should get the thrill of the win.
Have been trying to work on step 6 but I’m not getting the procedure given
This is the important part of the instructions
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.
Indent in this context means adding more space at the beginning of the line of code.
Here your line with the h2 looks close, but you indented more than two spaces.
<one element>
<indentation with two extra spaces>
What’s going on in the next line? There should be three lines, all indented to be even with your (fixed) h2 line.
Thank you.
Please I need solution to step 8 too
Go ahead and create a new thread for the new question. Don’t forgot to include your code, a description of where you got stuck, and a link to the challenge!
Ok…
Can I copy and send???
Which step is that for?
It’s really hard to help fram a picture. Please post your actual code.
Is still step 6 Have tried it, it’s keep it opening tag should be 6 space of the line
What is your updated code? It doesn’t look like you changed anything.
You need to change your indentation and g back to three lines.
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --><p>Click here to view more cat photos.</p>
</main>
</body>
</html>
So, you need to make changes to your code.
You added 4 spaces of indentation to your h2 element when the instructions asked for 2.
You put the ’ element on the same line as the comment, but they need to be on separate lines.
Your h2 element should be below the main element’s opening tag and its opening tag should start 6 spaces over from the start of the line.
This is the response!
Here is the original code:
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
</main>
</body>
</html>
look at how the main and h2 elements line up.
The challenge wants you to have two spaces between the start of the main and the start of the h2 element.
It looks like you have four spaces instead.
Also, you stuck this part all on one line
While it is supposed to be two lines.
A post was split to a new topic: Indentation Help