Project Junction, an error by default?

Love Codecademy projects.

But the Junction Project is driving me crazy.

Every time i begin to do step 1 (establish a background image), I am introduced a properly placed background image that has an obnoxious white bar cutting through it across the top.

How in the world do I fix this?

image attached.

Tell me this is because there is an error with the project, and not because I’ve failed to execute my training properly.

The HTML is not touched at all.

You’ll notice that I only add background-image in the CSS.

Here is the CSS:

html, body {
margin: 0;
padding: 0;
font-family: ‘Merriweather’, serif;
}

body {
background-image: url(“https://s3.amazonaws.com/codecademy-content/projects/junction/bg.jpg”);
background-size: cover;
}

.container {
max-width:940px;
}

/* Header */
.header {
padding: 10px 0;
}

/* Jumbotron */
.jumbotron {
position: relative;
top: 50px;
text-shadow: 0 2px 3px rgba(0,0,0,.4);
}

/* Supporting */
.supporting {
margin-top: 40px;
text-shadow: 0 2px 3px rgba(0,0,0,.4);
}

Hi,

https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css

In this stylesheet .jumbotron background is set to #eee, so if you want to have no background then in your CSS file add to .jumbotron to background: none;

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.