We Are Broadway Background CSS + HTML confusion


#1

Please i need your help - I keep banging my head trying to figure out what I'm doing wrong. The third exercise asks me to add a background-image and make sure my background-size is correct. Ive tried their link as well as page on how to do it.

  • lost as ■■■■

#3

I did this in the CSS tab and it worked for me:

.jumbotron {
height: 800px;
background: url(http://s3.amazonaws.com/codecademy-content/projects/broadway/bg.jpg) no-repeat center center fixed;
background-size: cover;
}


#4

Yep. Use the background-size:cover; It will work.


#5

gwishin - Thanks a lot! The only problem I still see is that the page scrolls up but the background is fixed, when in the example the image follows the scroll! A huge advancement from yesterday though - thank you!


#6

I used the following in the CSS file:

.jumbotron {
background-image:url('http://s3.amazonaws.com/codecademy-content/projects/broadway/bg.jpg');
height: 953px;
width: 1435px;
background-repeat: no-repeat;
background-size: cover;


#7

Glad I could help! I got stuck on the fourth exercise and stumbled upon your problem while looking for help :smile:


#8

I do stuff in that project and nothing shows up in the browser section. Nothing changes...