Can’t get my (hr) after Portfolio to be seen so I can pass.
None of my (a) for social-media is being seen and it says that my Twitter link is invalid and it works just fine. Also doesn’t see the words Twitter, LinkedIn, and GitHub as being there. Can’t pass 31., 34., 35., 36., 37., 39. What am I doing wrong?
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="business-card">
<hr>
<img class="profile-image" src="https://1drv.ms/i/c/bff1c040ce47760b/EQt2R85AwPEggL9szwAAAAABCa5kuvNFHDrAiQ6FevL-vA?e=dUvbvQ" alt="geltium llc logo"/>
<p class="full-name">James Staples</p>
<p class="designation">Creative Lead, Artist, and Owner</p>
<p class="company">Geltium LLC</p>
<hr>
<p class="email">geltium@gmail.com</p>
<p class="phone-number">5555555555</p>
<a href="https://jamesstaples.my.canva.site/">Portfolio<a/>
<hr>
<div class="social-media">
<h2>Connect with me</h2>
<a href="https://x.com/LoneNoctua">Twitter</a>
<a href="https://www.linkedin.com/in/james-staples-lonenoctua">LinkedIn</a>
<a href="https://github.com/LoneNoctua">GitHub</a>
</div>
</body>
</html>
/* file: styles.css */
/*CSS*/
body{
background-color: rosybrown;
font-family: Arial, sans-serif;
}
.social-media a {
text-decoration: none;
}
p {
margin: 5px;
font-color: grey;
}
.business-card {
width: 300px;
background-color: grey;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
padding: 20px;
max-width: 500px;
font-size: 16px;
text-align: center;
}
.profile-image {
max-width: 100%;
}
hr {
height: 2px;
background-color: black;
border-color: black;
}
a{
text-decoration: none;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36
Challenge Information:
Design a Business Card - Design a Business Card
https://www.freecodecamp.org/learn/full-stack-developer/lab-business-card/design-a-business-card