Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Brenda Cardona
Brenda Cardona
8,384 Points

Not able to link my href to linkedin in my first project, Front End Web Developer program

I am currently working on making changes to my first project which is to create a profile page in the Front End Web Developer tech Degree. One of my errors that was pointed when I submitted the project is that the link for linkedin does not work. I can't figure out why. I have github link which works perfectly as https://github.com/brendacardona/. You click on it and it does takes you to my github account. When I tried to do the same with linkedin https://www.linkedin.com/in/brendac58282114b/ it only takes you to linkedin.com . It only works when I am sign in into linkedin that takes me to my profile but if I am sign out then it does not work... Can please anybody give me any suggestions how to fix it?

4 Answers

Brenda Cardona
Brenda Cardona
8,384 Points

This is the footer:

<footer>
      <ul>
        <li><a href="https://www.linkedin.com/in/brendac58282114b/">LinkedIn</a></li>
        <li><a href="https://github.com/brendacardona/" class="social github">Github</a></li>
      </ul>
      <p class="copyright">Copyright 2019, Brenda Cardona</p>
    </footer>

and the css

footer ul li {
  display: inline-block;
}

a.social {
  display: inline-block;
  text-indent: -9999px;
  margin-left: 5px;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  opacity: .4;
  transition: all .5s;
}
a.linkedin {
  background-image: url(linkedin.svg);
}
a.github {
  background-image: url(github.svg);
}
a.social:hover {
  opacity: 1;
}
.clearfix {
  clear: both;
}
Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Your code is fine and the href value points to the exact path (your profile) and works correctly. You say that the link doesn't work if you are signed out. This is not the case, the link still works (any href value will still work regardless of changes to the page you are trying to visit), however, you need to be logged in to LinkedIn in order to see profile pages. I guess you are unaware of that, but it even tells you when you try to access a profile.

Brenda Cardona
Brenda Cardona
8,384 Points

Thank you Jamie for taking the time to help me. When my project was graded I got a failed grade because linkedin was a 'broken' link but it does link to linkedin to sign in. I am glad you told me that in order to see a profile you must sign in. I guess my teacher is not aware of that. Again, thank you very much for all you help!

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Hmm, very strange! I am on unit 5 of the same tech degree and every student should have a clear understanding of how LinkedIn works as in a later course, you are recommended/required to create a LinkedIn profile when searching/applying for jobs. Whoever reviewed your project should understand how the website works and should not have failed your work for that reason. You could ask around in the Slack community of the Front-End Tech-Degree to see what some other students and moderators say about it.

Brenda Cardona
Brenda Cardona
8,384 Points

I am waiting for treehouse to grand me access to the Front-End Tech-Degree. I am not able so far to access the community. I already email them and hopefully I can do that soon so I can ask questions. Thank you Jamie!