Design a Business Card - Step 29

HTML-CSS
1

I can’t seem to get past step 29 - the instruction is: * 29. After the phone number p element, there should be an a element with the text Portfolio

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Business Card</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="business-card">
    <img class="profile-image" src="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg" alt="a flower">
    <p class="full-name">Nick Wennerbom</p>
    <p class="designation">Operations Manager</p>
    <p class="company">Bowen Storage</p>
    <hr>
    <p>Email: <a href="mailto:Nick.Wennerbom@gmail.com">Nick.Wennerbom@gmail.com</a></p>
    <p class="phone-number">05522552525</p>
            <a href="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg" style="text-decoration:none">Portfolio</a>
    <hr>
    <div class="social-media">
      <h2>Connect with me</h2>
      <a href="https://twitter.com" title="Twitter" target="_blank" rel="noopener noreferrer">Twitter</a>
      <a href="https://linkedin.com" title="LinkedIn" target="_blank" rel="noopener noreferrer">LinkedIn</a>
      <a href="https://github.com" title="GitHub" target="_blank" rel="noopener noreferrer">GitHub</a>
    </div>
  </div>
</body>
</html>
2

Please post a link to the Step and talk about how you got stuck figuring out what the error message means.

1 Like
3

I am unsure as to how I was stuck however through working through the code, it wasn’t actually step 29 that was wrong, I was just over-complicating the solution.

    <p>Email:Nick.Wennerbom@gmail.com</p>
    <p>0493201600</p>
    <a href="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg">Portfolio</a>
    <hr>

I had 

```<p>Email: <a href="mailto:Nick.Wennerbom@gmail.com">Nick.Wennerbom@gmail.com</a></p>
    <p class="phone-number">05522552525</p>
            <a href="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg" style="text-decoration:none">Portfolio</a>
    <hr>

Which is considerably overcomplicating the solution.
1 Like
4

I’m stuck on the same step. I’ve tried writing the anchor element in the simplest way i could and it still doesn’t work. The anchor elements I coded in the “contact with me” div work fine.

<p>Email: your-email@example.com</p>
<p>Phone: (123) 456 7890</p>
<a href="https://www.w3schools.com">Portfolio</a>

The step says “After the phone number p element, there should be an a element with the text Portfolio” but apparently the solution above doesn’t do that.

1 Like
6

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Get Help > Ask for Help button located on the challenge.

image
image493×196 5.09 KB

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like