# Responsive Web Design Basic HTML and HTML5

**URL:** <https://forum.freecodecamp.org/t/responsive-web-design-basic-html-and-html5/469400>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [July 15, 2021, 9:44am UTC](https://forum.freecodecamp.org/t/responsive-web-design-basic-html-and-html5/469400 "2021-07-15T09:44:02Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![lineup475](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lineup475/32/134578_2.png) [@lineup475](https://forum.freecodecamp.org/u/lineup475)\
**Post date:** [July 15, 2021, 9:44am UTC](https://forum.freecodecamp.org/t/responsive-web-design-basic-html-and-html5/469400/1 "2021-07-15T09:44:02Z")

</div>

I’m stuck in the 5th exercise: "your a element should be nested within your new p element ", i’ve tried in many ways but doesn’t work.

```html
<h2>CatPhotoApp</h2>
<main>
<a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>
 <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p> 
<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>

```

```
   **Your browser information:**

```

User Agent is: `Mozilla/5.0 (Linux; Android 6.0.1; P01T_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.181 Safari/537.36 (Ecosia android@88.0.4324.181)`

**Challenge:** Nest an Anchor Element within a Paragraph

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [July 15, 2021, 11:28am UTC](https://forum.freecodecamp.org/t/responsive-web-design-basic-html-and-html5/469400/2 "2021-07-15T11:28:12Z")

</div>

> [@lineup475](#):
>
> `<a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>`

it is not nested in a `p` element

* * *

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](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (').

---

<div class="post-metadata">

**Author:** ![lineup475](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lineup475/32/134578_2.png) [@lineup475](https://forum.freecodecamp.org/u/lineup475)\
**Post date:** [July 16, 2021, 8:31am UTC](https://forum.freecodecamp.org/t/responsive-web-design-basic-html-and-html5/469400/3 "2021-07-16T08:31:27Z")

</div>

I’ve also nested in a p element as:

```auto
<p>meowww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.<a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a></p>

```

it doesn’t work

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [July 16, 2021, 8:33am UTC](https://forum.freecodecamp.org/t/responsive-web-design-basic-html-and-html5/469400/4 "2021-07-16T08:33:54Z")

</div>

reset your code and try to follow the instructions exactly:

> Nest the existing `a` element within a new `p` element. The new paragraph should have text that says `View more cat photos` , where `cat photos` is a link, and the rest is plain text.

Reset your code, find the existing anchor element, create a new p element around that anchor element, and use the required text in it

* * *

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](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (').

---

<div class="post-metadata">

**Author:** ![lineup475](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lineup475/32/134578_2.png) [@lineup475](https://forum.freecodecamp.org/u/lineup475)\
**Post date:** [July 16, 2021, 8:57am UTC](https://forum.freecodecamp.org/t/responsive-web-design-basic-html-and-html5/469400/5 "2021-07-16T08:57:50Z")

</div>

Thanks: this is the 6th exercise which i’ve done it correctly, but when i put it in (before resolving the 5th) the test result gives me more the one answer incorrect (also the 1th one).

I’ve reset and tried again.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [July 16, 2021, 8:59am UTC](https://forum.freecodecamp.org/t/responsive-web-design-basic-html-and-html5/469400/6 "2021-07-16T08:59:16Z")

</div>

what’s your code now?  
if you create a new anchor element the first test will fail, you need to use the existing one

---

<div class="post-metadata">

**Author:** ![cwoodcock1989](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cwoodcock1989/32/224371_2.png) [@cwoodcock1989](https://forum.freecodecamp.org/u/cwoodcock1989)\
**Post date:** [July 16, 2021, 10:30am UTC](https://forum.freecodecamp.org/t/responsive-web-design-basic-html-and-html5/469400/7 "2021-07-16T10:30:38Z")

</div>

You can also use help. See solution and compare it to your own work… this way you can see where you are going wrong.  
Also if you add elements and text that aren’t in the instructions then the tests will fail

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [January 14, 2022, 10:31pm UTC](https://forum.freecodecamp.org/t/responsive-web-design-basic-html-and-html5/469400/8 "2022-01-14T22:31:00Z")

</div>

Closed on January 14, 2022, 10:31pm UTC

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