Design a Business Card - Design a Business Card

HTML-CSS
1

Tell us what’s happening:

Test 7 : The links of the page should have no underline. I wasn’t sure if this meant no states of anchor links should have underline so I put none in the style for all, and it’s still not passing. What am i missing?

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">
        <img class="profile-image" src="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg" alt="picture of pink daisy viewed from the side, with the pedals point 45 degrees down">
        <p class="full-name">PJ Wu</p>
        <p class="designation">Emerging Software Developer</p>
        <p class="company">@freecodecamp</p>
        <hr>
        <p>email: info@email.com</p>
        <p>phone: 123-123-1234</p>
        <a href="https://freecodecamp.org">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>
    
</body>

</html>

/* file: styles.css */
body {
  background-color: rosybrown;
  font-family: Arial, sans-serif;
}

p {
  margin: 5px auto;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

.business-card {
  width: 300px;
  background-color: lightpink;
  padding: 20px;
  text-align: center;
  font-size: 16px;
  margin: 100px auto 0px;
}

.profile-image {
  max-width: 100%;
}

.full-name {
  font-size: 24px;
  margin: 15px;
}

.designation {
  color: #3c3916;
}

.company {
  color: gray;
}

.social-media a {
  margin: 0 10px;
}

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

Challenge Information:

Design a Business Card - Design a Business Card

2

Can you think of what you could target to cover all four states of the a element?

3

I thought that’s how I started, using just the a tag… But thank you, that passes now!

1 Like