Design a Business Card - Full Stack

HTML-CSS
1

Tell us what’s happening:

Add an a element, this seem straight forward and the user story say to point to any valid link but not working. What am I missing on step 30?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
    <title>Business Card</title>
</head>

<body>
   
    <div class="business-card"> 
     <img class="profile-image" src=
     "https://cdn.freecodecamp.org/curriculum/labs/flower.jpg" alt="card">
     <a href="https:// freecodecamp.org">1</a>
     <a  href="https:// freecodecamp.org">2</a>
     <a href="https:// freecodecamp.org">3</a>
     
     
      <p class="full-name">Bob Heydenreich</p>
       <p class="designation">Any Place</p>
        <p class="company">Travel International</p>
        <hr> 
        <p>robhey@live.com</p>
        <p>123-456-7890</p>
       <a>Portfolio</a>
      <hr>
     
    </div>
  
</body>

</html>

 

/* file: styles.css */
body{
  background-color: rosybrown;
  font-family: Arial,sans-serif;
}
p {
  margin-top: 5px;
  margin-bottom: 5px;

}
 a:hover {

  text-decoration: underline;

} 
a{
 
  text-decoration: none;
}
.business-card{
background-color: magenta;
  width: 300px;
  padding: 20px;
  margin-top: 100px;
  text-align: center;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
}
hr{
  border-top: 1px dashed slategray;
   
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Design a Business Card - Design a Business Card

2

Hi @robheyays

Try removing the numbered links: 1, 2, 3
The Portofolio anchor element is missing an href attribute.

Happy coding

3

Success! I need to pay attention to those user stories even thought it all looked good at first it only said that no link should have an underline.