P elements and wrapping paragraphs with main tags

i am stacked on challenge 7. i have spent 5 hours on that but couldnt sail through. please how do i add two p element to the code and also wrap the paragraphs with main tags?

What have you tried?

Look at the example given in the MDN docs for the <main> element. It has two <p> elements wrapped by a <main> element (ignore the role="main" part of the example).

Just make two p elements out of which one contain the given paragraph and surround it with a main opening and closing tag…

Tell us what’s happening:

some one should pls provide answer to this task. am really burning out. I have spend all my day winding around this task but to no avail.

Your code so far


<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<article>
          <h1> purr jum     eat the          grass.</h1>
   

          <h2>rip the       couch            scratched        sunbathe.</h2>
</article>   



Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 7.0; S8_Pro) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Mobile Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/introduction-to-html5-elements/

1 Like

Hi Bismarkgoldman,

Don’t give up just yet! The original code of this challenge contains an h2 tag and a p tag. The task you are given is:

  1. Add a second p tag right after the existing p tag, with a specific text in it.
  2. Wrap the two p tags in a new main tag.

Could you try these steps?
sandrab

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

If you want to compare your solution to others, use the Get a hint button on the challenge and there are alternative solutions you can compare yours to. Also, you can probably search older posts using the forum search feature or google the challenge name and find more there.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

Thank you for understanding.

A post was merged into an existing topic: Introduction to HTML5 Elements challenge