https://codepen.io/Jeff57/pen/qBEVadb

Tell us what’s happening:
I am uncertain where to go to have my code tested

Your code so far

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>TributeJake</title>
        <link rel="stylesheet" type="text/css" href="TributeJake.css">
    </head>
    <body>
        <div id="main">
            <div id="title">
                <h1 id="top">TributeJake</h1>
                <hr>
                <br>
                <br>
                <br>

                    <div id="img-div">
                        <img id="image" title="Jake with Ducks" alt="Jake with Ducks" src="https://media.gettyimages.com/photos/jake-newton-of-the-anaheim-ducks-skates-against-the-phoenix-coyotes-picture-id126105429">
                        <p id="image-caption">Jake with Ducks</p>
                    </div>
            </div>
            <div id="tribute-info">
                <h2>Synopsis of Jake's Professional Career</h2>
                <hr>
                <p>
                    Upon completing his freshman year in 2009–10 with Northeastern University and selected to the Hockey East All-Rookie Team, Newton was signed as an undrafted free-agent to a three-year entry level contract with the Anaheim Ducks on March 17, 2010.[1] He was traded to the Colorado Avalanche from the Anaheim Ducks along with a conditional draft pick for defenseman Kyle Cumiskey on October 8, 2011.[2] He was then immediately assigned to AHL affiliate, the Lake Erie Monsters before finishing the 2011–12 season with the Avalanche's secondary affiliate, the Allen Americans of the Central Hockey League.

                    On August 29, 2012, Newton signed as a free agent to his first European contract with a one-year deal with HC Eppan Pirates of the Italian second division Serie A2.[3] During the 2012–13 season, Newton scored an impressive 41 points in 45 games, to help the Pirates win the Championships and was selected as the League's best player.
                </p>
                <a class="link" href="https://en.wikipedia.org/wiki/Jake_Newton_(ice_hockey)" target="_blank">For more on Jake Click Here</a>
            </div>   
        </div>


        <a class="link" href="#top">Back to Top</a>
    </body>
</html>

#main{
    border: 20px solid green;
    text-align: center;
    font-family: sans-serif;
    padding: 5% 10% 5% 10%;
    margin: 10%;
    font-size: 1rem;
    background-color: beige;
}
#title{

}
#img-div{

}
#image{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: auto;
  }
  
}
#image-caption{
    
}
#tribute-info{
    text-align: justify;
}
.link{
    margin-left:  50%;
    text-align: center;
}

h2{
    text-align:center;
}

/*.responsive {
    width: 100%;
    height: auto;
  }
  h4 {
    text-align: center;
  }
  p {
    text-align: justify;
  }
  .links {
    margin-right: 20px;
    text-align: left;
  }
  .fullCard {

    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 5px;
    padding: 4px;
  }
  .cardContent {
    padding: 10px;
  }*/

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

you need to use the provided test suite, it is given in the project description, and also already added in the pen suite you are given to fork

for codepen, you don’t need all the meta datas, that’s already done in the background
you put only what would go between the body tags in the html box and what would go between style tags in the css box