Business Card 30. requirement

HTML-CSS
1

Hello.
I can’t finish my business card project. It won’t me pass through 30. requirement. After the phone number p element, there should be an a element with the text Portfolio
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="photo.JPG" alt="My photo, eating in Turkey">
    <p class="full-name">Patrik Kusnir</p>
    <p class="designation">Software developer</p>
    <p class="company">@freeCodeCamp</p>
    <hr>  
    <p>Email: <a href="mailto:patrikkusnir1@gmail.com">patrikkusnir1@gmail.com</a></p>
    <p>Phone:>79186015947</p>
    <a>Portfolio</a>
    <hr>
    <div class="social-media">
      <h2>Connect with me</h2>
      <a href="https://www.facebook.com/patrik.kusnir.10">Twitter</a>
      <a href="https://www.linkedin.com/in/patrik-kusnir/">LinkedIn</a>
      <a href="https://github.com/patrikkusnir1">GitHub</a>
    </div>
  </div>
</body>

</html>

CSS:

body {
  background-color: rosybrown;
  font-family: Arial, sans-serif;
  padding: 0;
  margin: 0;
}


.full-name {
  color: #333;
}

.designation {
  color: #444;
}
img {
  width: 80%;
  background-color: grey;
  border-radius: 10px;
}
p {
  margin-top: 5px;
  margin-bottom: 5px;
}

a {
  text-decoration: none;
  color: black;
}

.portfolio {
  color: blue;
}

a:hover {
  text-decoration: underline;
}

address a {
  color: black;

  font-style: normal;
}



.business-card {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  background-color: #e7bcadea;
  padding: 20px;
  margin-top: 100px;
  text-align: center;
  border: 2px solid #f4a460;
  margin-bottom: 100px;
  font-size: 16px;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px dashed slategray;
  margin: 1em 0;
  padding: 0;
}

.social-media a {
  display: inline-block;
  margin-right: 30px;
}

I don’t know why it doesn’t work. Thank you :slight_smile:

2

Hi there! Post a link to the challenge for assistance.

3

Welcome to the forum @patrikkusnir1

Which attribute makes an anchor element linkable?

Happy coding

1 Like
4

It is because you added a link for the email. There is no requirement for that, and the test doesn’t expect it.

Remove the email link and update the actual link you were asked to add with a href as required.

5

Thank you, it works :slight_smile: