Unable to display the background picture in the supporting section

I’m unable to display the background picture in the supporting section of the site.

In HTML I’ve made two lines for the headline in h2 en text in p. In CSS I have tried to fit in the background image in the html/body section which should be picked up in the supporting section, but it won’t.

CSS:

.supporting {
  background-image:url("s3.amazonaws.com/codecademy-content/projects/bolt-network/diagmonds_@2X.png");
  background-size:141px 142px;
  text-align: center;
}

HTML:

 <body>
    <div class="main">
      [...]
    </div>

    <div class="supporting">
      <div class="container">
        <h2>A world of movies at your fingertips.</h2>
        <p>Choose from the latest titles, with new movies added every day.</p>
      </div>
    </div>

For some reason the background image is not displaying. Anyone has an idea?

Hi Matthijs,

Could you please give me a link to a Codebit with all of your code in it? It’ll be much easier for me to help you that way :slight_smile:

Hi zystvan,

Sorry, already solved the problem. The link I used works fine when used on it’s own, just not in the code. Using “diagmonds_@2X.png” solved the problem for me.

Thanks anyway for your offer!

4 Likes

This topic is solved.