Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

How do I add an image on the freecodecamp editor. The image I want to add is on my local desktop

Your code so far

<!-- file: index.html -->
<!DOCTYPE htlm>
<html lang="en">
  <head> </head>
  <body>
    <main id="main">
      <h1 id="title">Mr. Adaji Gideon</h1>
      <p class="description">The man who wish to make a positive impact</p>
      <div id="img-div">
        <img src="" id="image" />
      </div>
    </main>
  </body>
</html>


/* file: styles.css */

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

Hello @adajigideon90 !

In order to add a personal photo from our desktop, we need to upload them to a photo hosting site. (There are many free and paid ones) I use pexels.com for mine.

The drawback with free picture hosts is that the photos are available for others to use freely too. But, you if it is a photo that you do not mind sharing then, that may be a suggestion.

Alternately, you may be able to find a free photo on the site to use for you project.

I hope this helps you.

May your coding path be smooth.

1 Like
3

Thank you very much, but still couldn’t upload the image on pexels.com. it keeps saying file must be at least 4 megabyte even though i have resized the image

4

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