(New) Responsive Web Design: Step 6

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
It says I’m getting it wrong so I tried again and now I just don’t get it and need help

  **Your code so far**

<html>
<body>
  <main> 
  <h1>CatPhotoApp</h1>     
  <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 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.115 Safari/537.36

Challenge: Step 6

Link to the challenge:

2

I would restart the step. After the opening tags <h2> and <p>, add two spaces before the text inside them.

5

I tried that multiple times and the is what I did:

    <main>
     <h2>Cat Photos</h2>
     <!-- TODO: Add link to cat photos -->
     <p>Click here to view more cat photos.</p>
    </main>

and it was 6 spaces over from the starting line, so what now?

7

@abigailmc570

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

8

HI @abigailmc570 !

Welcome to the forum!

I would reset the lesson.
The lesson wants you to take the h2, comment and p elements and move it two spaces to the right

9

Ok, I just tried that and it said:
Test: Sorry, your code does not pass. Keep trying
Hint: Your comment should be below the h2 element and start 6 spaces over from the start of the line.
So I don’t know if I should log out and in or it might just be my lap top?

10

keep clicking submit until it gives you the option to reset

11

Ok, thank you. I will try

12

It still says the same thing.

13

Can you show us your new code?

14

Yeah here:

<main>
      <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p>
    </main>
15

Your indentation looks off.

The main tags should be lined up and the h2, comment and p tags should be lined up together.

For example, here is what it looks like to indent some p tags inside a div element.

<div>
  <p>example</p>
  <p>example</p>
  <p>example</p>
</div>

You see how clean the spacing is?

I would reset the lesson and only make sure to touch the h2, comment and p elements by moving them two spaces to the right.

make sure to not touch the main tags at all or else the test will fail.

Hope that helps!

16

It did, thank you so much for your help

1 Like
17

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.