My Image Will Not Appear in Code Pen (Tribute Challenge)

1

I am currently working on my tribute page in Code Pen and I cannot get my image to appear, only my image “alt”. I’m sure there is a simple fix for this. My tribute page can be found here: https://codepen.io/MBJcoder/pen/wervQr Please help if you can!

2

Your image link leads to google image search.

3

Go to that image. Select view image. Right click and select copy image address - that is the address you need. When I put that into your code, it works fine.

And you need to learn how to organize code in codepen. The HTML goes in the HTML pane (you can leave off the header) and the CSS goes in the css pane (you can leave off the <style> tags) and the JS would go in the JS pane. In other words:

  body { 
    font-family: times new roman;
    font-size: 75px;
    font-color: black;
    background-color: #C0C0C0;
    margin-top: 75px;
    margin-side: 75px;
      }
  
  h1 { font-family: 
    times new roman;
    font-size: 30px;
    font-color: black;
  }
  
  p { 
    font-family: times new roman;
    font-size: 30px;
    font-color: black;
    margin-top: 50px;
    margin-left: 75px;
    margin-right: 75px;
    text-indent: 75px;
  }
  
  h2 { 
    font-family: times new roman;
    font-size: 25px;
    font-color: black;
    margin-top: 50px;
    margin-left: 100px;
    margin-right: 100px;
  }
  
  ul { 
    font-family: times new roman;
    font-size: 20px;
    font-color: black;
    margin-left: 150px;
    margin-right: 150px;
  }
  
  h3 { 
    font-family: times new roman;
    font-size: 30px;
    font-color: black;
    margin-top: 50px;
    margin-left: 100px;
    margin-right: 100px;
  }
  
  h4 { 
    font-family: times new roman;
    font-size: 30px;
    margin-top: 50px;
  }

should go in the CSS pane.

1 Like
4

… and I believe that font names with more than one word need to be enclosed in quotes.

1 Like
5

Thanks so much! I really appreciate it!