Why doesnt my boarder wrap around the whole page?

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  #main {
    font-family: Lobster, monospace, "Times New Romans";
    font-size: 26px;
    text-align: center;
    min-width: 100px;
    background-color: green;
    border: solid black;

  img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: auto;

  #img-div {
    margin: -5px;
    margin-top: 20px;
    width: 100%;
    background: green;

  #img-caption {
    margin: 15px;

  #headline {
    margin-top: 50px;
    text-align: left;


<div id="main">
  <h1 id="title"> RICK and MORTY</h1>
  <div>Morty I'm a pickel!</div>
  <div id="img-div">
    <img id="image" src="https://cdn.europosters.eu/image/750/posters/rick-and-morty-pickle-rick-i51002.jpg" alt "https://cdn.europosters.eu/image/750/posters/rick-and-morty-pickle-rick-i51002.jpg">
    <div id=img-caption>
      Rick turns himself into a pickle.
  <div id="tribute-info">

      <h3 id="headline"> Rick and Morty is a show that follows a sceintist named Rick and his grandson Morty. </h3>
      <p> Rick is featured as a super intellectual being who is distant from his family. the writers use this as a form of humor along with ricks constant sip from a flask he keeps tucked in his lab coat.His drinking is also touched upon Rick turns himself
        into a pickle to get out of family therapy. At first glance this is just another silly thing rick does, but upon futher examination the term pickled is synonymous for being drunk. With Ricks heavy drinking one could conclued that Rick was too
        drunk to go to therapy. </p>
      <p> To find out local listings, watch clips, and learn more <a id="tribute-link" href="https://www.adultswim.com/streams/rick-and-morty" target="_blank">visit adult swim </a>

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 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.


Remove the margin: -5px; from your #img-div, i don’t understand why you had that negative margin, removing that solved your problem.