Learn HTML by Building a Cat Photo App - Step 3

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <h1>CatPhotoApp</h1>
    <p>Catphotos</p>
    <h2>Cat Photos</h2>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 3

Link to the challenge:

2

hi there, please click the reset button which looks like an arrow turning.
After than add a p element on the line below the h2 line
and copy the text given to you into it.

3

Thanks but am stil lost ,i cant write it ,i wrote it like this but didnt work ,so please what p elements and how do i write it …please thank uou

<h2>Cat Photos</h2>
<p>Cat Photos</p>
4

I’ve edited your code 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 (').

5

The paragraph element is written correctly but the text inside it is wrong.

it should say:

Click here to view more cat photos.

6

PLEASE I HAVE TRIED ALL SUGGESTIONS BUT ITS NOT WORKING I NEED HELP FOR STEP 3 ,I HAVE SPENT MORE THAN 30HRS ON STEP 3[quote=“idahosa, post:1, topic:580940, full:true”]
Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <h1>CatPhotoApp</h1>
    <p>Catphotos</p>
    <h2>Cat Photos</h2>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 3

Link to the challenge:

[/quote]

PLEASE I HAVE TRIED ALL SUGGESTIONS BUT ITS NOT WORKING I NEED HELP FOR STEP 3 ,I HAVE SPENT MORE THAN 30HRS ON STEP 3

7

Please click the reset button which looks like an arrow turning.
This will return the code back to its initial state.

You have to read more carefully in order to pass the step.

You said you tried everything but you haven’t read the instructions carefully which is step one.

Look at the editor area after you reset.
It has an h2 element in it and an empty line below it, correct? (If you don’t understand me, stop here and ask about anything you didn’t understand so far).

In the empty line, creat a p element. A p element is a paragraph element and looks like this

<p>some text in the middle</p>

Your p element should have the text below inside it (between the opening and closing tag)
Click here to view more cat photos.

Once you have done this, click the check button and it should pass.

8

HHhahajajaj yeaaaa i got it . Thank u …waoooo

1 Like
9

2 posts were split to a new topic: Cat photo app step 8

10

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