Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:

Hi guys.

I’m trying to make my portfolio and among a lot of other issues is that I don’t know how can I find the link of the preview images like the ones in the example. The code here is from the example presented for the certification.

I’ve already opened my codepen account but can’t seem to find either there or here.

Any insights would be appreciated.

Your code so far

<div class="projects-grid">
        <a
          href="https://codepen.io/freeCodeCamp/full/zNqgVx"
          target="_blank"
          class="project project-tile"
        >
          <img
            class="project-image"

  <!-- THIS IS MY PROBLEM, I CAN'T FIND THIS LINK-->
            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
  <!-- THIS IS MY PROBLEM I CAN'T FIND THIS LINK-->           

          alt="project"
          />
          <p class="project-title">
            <span class="code">&lt;</span>
            Tribute Page
            <span class="code">&#47;&gt;</span>
          </p>
        </a>->


NO CSS

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

2

Hello @alltaken !

If you are referring to the link for your completed projects on freecodecamp.org,
check the bottom of the profile page, or the bottom of the settings. If you click on the project, it opens. I copied and used that link in my personal profile project.

I added images from pexels, or one of the free image sites, to show what my projects were working on. Not that they were my projects.

I hope this helps you.

But, you did mention codepen, so I am not sure if this is what you are looking for @alltaken !

Congrats on your progress. Happy coding!

3

Hi Gray,

Let me try to rephrase this since english is not my native language.

What I want is to have a preview image on the link element, but I can’t any url with the image preview since what I see when looking at the html of freeCC and codepen is that both pages just load the code and apply it. So I’m asking is if someone has the knowledge of how to get a url for that.

Thanks,

4

Thank you @alltaken for clarifying your question.

English not being your first language is not a problem, at all.

Your English is fine!

I have difficulty sometimes understanding, even though I was raised with it as my native language.

I am sure that some of the more experienced, learners, or Leaders, or Staff can provide you with the answer to your question.

Sorry for not understanding it, originally, @alltaken !

Keep up the good progress and happy coding!

1 Like
5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.