Tell us what’s happening:
I don’t know what’s wrong with this code, but I keep getting the same error message:
9. After the phone number p element, there should be an a element with the text Portfolio
// tests completed
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Business Card</title>
<link href="./styles.css" rel="stylesheet">
</head>
<body>
<div class="business-card">
<img class="profile-image" src="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg" alt="flower ">
<p class="full-name">David Reyes</p>
<p class="designation">Musician</p>
<p class="company">No-Name inc</p>
<hr/ >
<p>rdavey61@comcast.net</p>
<p>555-555-5555</p>
<a href="https://cdn.freecodecamp.com">Portfolio</a>
<hr>
<div class="social-media">
<h2>Connect with me</h2>
<a href="https://x.com">Twitter</a>
<a href="https://linkedIn.com">LinkedIn</a>
<a href="https://GitHub.com">GitHub</a>
</div>
</div>
<!-- <div class="social-media">
<h2>Connect with me</h2>
<a href="https://x.com">Twitter</a>
<a href="https://linkedIn.com">LinkedIn</a>
<a href="https://GitHub.com">GitHub</a>
</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: beige;padding: 20px; margin-top: 100px; text-align: center;
font-size: 16px;margin-left: auto; margin-right: auto;
}
img{width: 80px;}
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 Safari/605.1.15
Challenge Information:
Design a Business Card - Design a Business Card