Design a Business Card - Design a Business Card

HTML-CSS
1

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

2

Hi there and welcome to the forum!

That’s the issue

1 Like
3

--removed-- Thank you I can’t believe I missed that.

Really appreciate the help.

1 Like
4

You’re welcome and please in the future don’t use any harsh words here on the forum. Thank you.

5

Sorry, Didn’t realize that it would be seen as harsh words. Won’t do it in the future.

1 Like