8.You've done it! Adding links and images


I try to make this code work, but I am not sure why it does not take that link to the site. CSS is probably ok, but something is wrong with the HTML.

<!DOCTYPE html>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>My Social Network</title>
        <!--Add your HTML below!-->
        <div class="friend" id="best_friend"></div>
        <a href="http://i.istockimg.com/file_thumbview_approve/60348418/6/stock-photo-60348418-happy-girl-winter-snow.jpg"></a><div id="Business partner"></div>
        <div class="Soon to be deleted"></div>
        <div class="family member"></div>
        <div id="My_loved_one"></div>
        <div class="enemy" id="archnemesis"></div>
/*Add your CSS below!*/

div {
    display: inline-block;
    margin-left: 5px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    border:2px solid black;
.friend{border: 2px dashed  #008000;}
.family{border: 2px dashed #0000FF;}
.enemy{border: 2px dashed  #FF0000;}

#best_friend{border: 4px solid #00C957;}
#archnemesis{border: 4px solid #CC0000;}
#my_loved_one{border: 5px dotted #FF0033;}
#business_partner{border: 4px solid #1C86EE;}

you should nest the <div></div> with id business_partner inside your link (so between your link opening tag (<a>) and link closing tag (</a>), link need something to click on

1 Like