Design a Business Card - Design a Business Card

HTML-CSS
1

Tell us what’s happening:

Step 29: saying that I need to add an “a” element with the name portfolio, not sure what is wrong with this code and I think I’ve tried everything.

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">
<h1>Business Information Card</h1>
<img class="profile-image" src="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg" alt="flower pfp">
<p class="full-name">Ben Escon</p>
<p class="designation">Gooning</p>
<p class="company">Gooner Company OP</p>
<hr>
<p>EmailAddress@gmail.com</p>
<p>1-234-567-8901</p>
<a href="https://www.portfoliorecovery.com"> Portfolio </a>
<hr>
<div class="social-media">
    <h2>Connect with me</h2>
    <a href="https://x.com/intent/follow?screen_name=jh3yy">Twitter</a>
    <a href="https://www.linkedin.com/in/me/">LinkedIn</a>
    <a href="https://github.com">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;
  background-color: lightgrey;
  padding: 20px;
  margin-top: 100px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

.profile-image {
  width: 200px;
}

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.3.1 Safari/605.1.15

Challenge Information:

Design a Business Card - Design a Business Card

2

I already tried removing the spaces from the sides of portfolio as well.

3

Hi @bescon

I removed the whitespace around the text Portfolio and the test passed.
The code you posted contains white space at the stand and end.

Reset the step and try again. If that doesn’t work, refresh the page, disable dark mode, disable ad blockers. Or, use another browser.
If the above steps do not work, you may need to restart the computer.

Happy coding