Project Junction, an error by default?


#1

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.


#2

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);
}


#3

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;


#4

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