Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

I am trying to add an image from my files (I went through imgur to get the URL). However, it won’t load the image onto my html code for the html css tribute page test. Any help would be appreciated!

Your code so far

<!-- file: index.html -->
<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width-device-width, initial-scale=1">
    <link src="stylesheet" href="styles.css">
  </head>
  <body>
    <main id="main">
      <header>
        <heading id="title" name="start-info">Ethan Patrick Fry</heading>
        <subheading>Better known as the Love of my Life</subheading>
      </header>
      <div id="img-div">
        <img id="image" src="https://imgur.com/a/DSGfMeF" alt="picture of my boyfriend">
      </div>
    </main>
  </body>
</html>

/* file: styles.css */
heading, subheading{
  display: flex;
  justify-content: center
}

heading {
  font-size: 2rem;
  font-family: Verdana, sans-serif
}

subheading {
  font-size: 15px;
  font-family: georgia, sans-serif;
}

header {
  background-color: #8AAB50;
  color: #384031;
  text-align: center;
  padding: 1em;
  margin: -1em;
  border-bottom: 3px solid
}

body {
  background-color: #d4f3b7
}

div img {
  display: flex;
  
}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

If I load this into the address bar I get this error

data	
error	"Imgur is temporarily over capacity. Please try again later."
success	false
status	403

Maybe try a different image host

1 Like