Design a Business Card - Design a Business Card

HTML-CSS
1

Tell us what’s happening:

I have tried multiple solutions but nothing seems to work… I get these 3 errors
7.The links of the page should have no underline.
17. The image source should be set to a valid image.
18. The alt attribute of the image should be set to a meaningful description.

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"> 
    <img class="profile-image" src="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg"  alt= "picture of pink flower">
    <p class="full-name"> Angel Tax </p>
    <p class="designation">  Enginner </p>
    <p class="company"> IT solutions </p>
    <hr>
    <p>example@mail.com</p>
    <p>6900000000</p>
    <a href ="https://mail.google.com/mail/u/0/#inbox" >Portfolio</a>
    <hr>
<div class="social-media">
    <h2>Connect with me</h2>
<a href="https://x.com/">Twitter</a>

    <a href="https://www.linkedin.com/" >LinkedIn</a>
    <a  href="https://github.com/" >GitHub</a>
</body>

</html>

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


  p{
    margin-top:5px;
    margin-bottom:5px;}

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

a:hover  {
  text-decoration: underline;}
a:visited {
  text-decoration: none;}

a:active{ text-decoration: none;}

a:link {color:black;
text-decoration:none;}

a:focus {text-decoration:none;}

.profile-image{
    max-width: 100%;
    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/136.0.0.0 Safari/537.36

Challenge Information:

Design a Business Card - Design a Business Card

2

Hi.
You need to select the anchor tag directly. The link pseudo-class is used to choose unvisited links. Your images also have problems. Check that you provide a src attribute to each image and quote the correct image links, also make sure each image contains an alt attribute with a meaningful description.

3

thanks for your response. The direct anchor tag worked, i added a{text-decoration:none} in style.css and passed the test

4

Have tried the other ones?