Assistance with HTML5 Elements

HTML-CSS
1

Tell us what’s happening:

Wrap the paragraphs with an opening and closing main tag. how can i do this

Your code so far


<DOCTYPE html>
<html>
    <body>
    <h2>CatPhotoApp</h2>
<div>
<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>
<p> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</div>
</body>
</html>

Your browser information:

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

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

2

Hello @Ekom. In this lesson you substitute the div tags for a main tag.

<DOCTYPE html>
<html>
    <body>
    <h2>CatPhotoApp</h2>
**<main>**
<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>
<p> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
**</main>**
</body>
</html>
1 Like
3

Your code should have one main element.
The main element should have two paragraph elements as children.
The opening main tag should come before the first paragraph tag.
The closing main tag should come after the second closing paragraph tag.
“That’s what the challenge has asked”
Therefore;

<main>
<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>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>