Design a Business Card - Design a Business Card

HTML-CSS
1

Tell us what’s happening:

  1. After the phone number p element, there should be an a element with the text Portfolio

This test keeps failing, and I can’t figure out why. I have tried altering the link, rewriting the Portfolio text, and checking for syntax errors. I’m coming up with nothing.

Your code so far

<!-- file: index.html -->
<!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="Pink daffodil">
        <p class="full-name">Derek Lewis</p>
        <p class="designation">The Dude</p>
        <p class="company">Hire Me</p>
        <hr>
        <p>dgl@me.com</p>
        <p>860-258-9393</p>
        <a href="https://www.w3schools.com">Portfolio</a>
        <hr>
        <div class="social-media">
            <h2>Connect with me</h2>
            <a href="https://github.com/Super-Derek?tab=repositories">Twitter</a>
            <a href="https://github.com/Super-Derek?tab=repositories">LinkedIn</a>
            <a href="https://github.com/Super-Derek?tab=repositories">GitHub</a>
        </div>
    </div>
</body>

</html>

/* file: styles.css */
body {
  background-color: rosybrown;
  font-family: Arial, sans-serif;
}

p {
  margin-top: 5px;
  margin-bottom: 5px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.business-card {
  width: 300px;
  padding: 20px;
  margin-top: 100px;
  font-size: 16px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: teal;
}

hr {
    height: 2px;
  border-color: slategray;
  border-style: dashed; 
  border-width: 1px;;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.1.1 Safari/605.1.15

Challenge Information:

Design a Business Card - Design a Business Card

1 Like
2

I am not seeing this failure

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

1 Like
3

Thank you! The answer was to switch browsers. I typically do these activities on my iPad Pro instead of my computer, so I had been using Safari with no issues until now. I switched my code over to Chrome and all tests passed.