Design a Business Card

HTML-CSS
1

#31 won’t check off, the hr element after the Portfolio a element
I’ve checked it over and can’t see any issues.

<!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://th-thumbnailer.cdn-si-edu.com/UZjAgzYxJhdUTDhiVOoV0oAp0Z8=/1000x750/https://tf-cmsv2-smithsonianmag-media.s3.amazonaws.com/filer_public/3a/fb/3afb3353-3a1b-4314-a0ee-93d37a1d9b66/gettyimages-1246951746_web.jpg" alt="A picture of an angry seal."></img>
    <p class="full-name">XXX</p>
    <p class="designation">ICT Support</p>
    <p class="company">DXXX</p>
    <hr>
    <p>XXXXX</p>
    <p>XXXXX<p>
    <a href="www.google.com">Portfolio</a>
<hr>
<div class="social-media">
    <h2>Connect with me</h2>
    <a href="x.com">Twitter</a>
    <a href="linkedin.com">LinkedIn</a>
    <a href="github.com">GitHub</a>
    
</div>
</div>
</body>

</html>
1 Like
2

Can you share what lesson this was from? I’m guessing this is from one of the curriculum assignments.

3

Sure, its a CSS lesson, heres the link.

4

Hey,
Your code passes for me. Try resetting and add your code again. If still doesn’t work, try hard refreshing the page or use a different browser.
Good luck!

1 Like
5

I’ve tried resetting the task, in an incognito chrome browser, and in Edge and it still wont work for me…
Any idea what to do in this situation??

6

Then it means there is something wrong in your code :grinning:
Check your p element above the Portfolio anchor tag.
Happy coding!

2 Likes
7

THANK YOU SO MUCH! lol
cant believe how many times I overlooked that slash

1 Like
8

No worries. I overlooked it the first time too :sweat_smile:
Good luck on the next projects!

1 Like