Design a Business Card - Design a Business Card

HTML-CSS
1

Tell us what’s happening:

its still showing there should be no underline for the links i have fix that already but still persists.
same with “Portfolio” plz. help

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">

    <main>

        <img class="profile-image" src="https://icm.aexp-static.com/Internet/Acquisition/US_en/AppContent/OneSite/open/category/cardarts/business-gold.png" alt="pink flower">

        <p class="full-name">Vansh Ahlawat</p><p class="designation">Manager</p><p class="company">Sushila private limited</p>

        <hr>

        <p>Sushila01@gmail.com</p>

        <p>8817000086</p> <a class="link" href="https://github.com/Vanshahlawat5126/html-first-code.git">Portfolio</a>

        <hr>

        <div class="social-media">

            <h2>Connect with me</h2>

            <a class="link" href="https://x.com/?lang=en">Twitter</a>

            <a class="link" href="linkdin.com">LinkedIn</a>

            <a class="link" href="github.com">GitHub</a>

        </div>

    </main>

</div>

</body>



</html>

/* file: styles.css */
body {
  background-color: rosybrown;
 font-family: Arial, sans-serif;
}
p{margin-top:5px;margin-bottom:5px;}
.business-card{width:300px;background-color: #654321;padding:20px 20px 20px 20px;margin-top:100px;text-align: center;font-size:16px;margin-right:auto;margin-left:auto;}
.profile-image{max-width:100%;}
.link {text-decoration: none;
color:black;}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.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

Its been resolved for the link should not have under line use “a” element directly instead of assigning a class to it and then using class element in css file .
and for the portfolio in your html code you would have added a main element out of habit remove it and viola fixed

3

Also, shouldn’t your first div with a class of business-card be under the main element?